How do I run a video in a Div? iOS/iPhone (Prevent Fullscreen) & Aviod apple's video loop glitch -

i’m developing ios app looping video embedded div. i’ve got “webkit-playsinline” working prevents apple’s fullscreen video player kicking in… there’s glitch. video begins first loop, reason forgets set play inline , goes fullscreen.

here’s workaround in case frustrating else out there:

<video class=“myvideo” width="640" height="360" autoplay webkit-playsinline> <source src=“video.mp4" type="video/mp4" /> </video> 

rather adding “loop” attribute video tag, use jquery’s .on function play video again when ends this:

  var myvideo = document.getelementsbyclassname('myvideo')[0];   $('.myvideo').on('ended',function(){ myvideo.play(); $('.myvideo').attr('webkit-playsinline', '');    }); 

i reminded video we’re playing inline incase gets funny ideas , tries run in full screen mode on replay… viola! problem solved ;)