How to get HTML5 Video to autoplay back on iOS devices: Use – playsinline

Are you having some issues of getting HTML Video tag <video> to autoplay on either iPhone or iPad.  All you need to do is simply insert “playsinline” inside your <video> tag, see sample code below:

<video height=”700″ autoplay loop playsinline src=”http://”></video>

New <video> Policies for iOS:

On iPhone, <video playsinline> elements will now be allowed to play inline, and will not automatically enter fullscreen mode when playback begins.

<video> elements without playsinline attributes will continue to require fullscreen mode for playback on iPhone.

When exiting fullscreen with a pinch gesture, <video> elements without playsinline will continue to play inline.

Leave a Reply

Travel to top