As we will know from other questions on the site to in iOS Mobile Safari we have these tasty attributes webkit-playesinline
and the more concise playsinline
to disable auto fullscreen of videos.
Despite that miracle I'm still unable to figure out how to add this to YouTube html5 embeds. As expected the YouTube <video>
is contained within an <iframe>
.
the ideal result is something as the following:
<video
tabindex="-1"
class="video-stream html5-main-video"
style="width: 736px; height: 414px; left: 85px; top: 0px;"
src="blob:https://www.youtube.com/6889sdad6d2-ec51-49ca-b357-a5bd9c3ede71"
webkit-playsinline="true"
playsinline="true">
</video>
I have tried, in vain, to do this via jquery.
Any thoughts or ideas how to do this?