brandly / angular-youtube-embed

:tv: Embed a YouTube player with a simple directive
http://brandly.github.io/angular-youtube-embed/
MIT License
509 stars 147 forks source link

Inline video and autoplay on iOS10 #154

Open fatlinesofcode opened 7 years ago

fatlinesofcode commented 7 years ago

Is it possible to embed the videos as inline for phones with iOS10?

Also would be it possible to autoplay the video after the user clicked on somewhere on screen? I've used this technique with vanilla html5 video. When the user first loads the site there is BEGIN button which plays a blank video, after that point i change the video src attribute at anytime so the video autoplays e.g.

<script>
function begin(){
     var vid = document.querySelector('video');
     vid.play();
     //autoplay video 2 secs after begin click
     setTimeout(function(){
         vid.src = 'someothervid.mp4';
         vid.play();
     },2000);
}
</script>
<video src="blank.mp4" webkit-playsinline playsinline></video>
<button onclick="begin()">Begin</button>
mcarthurnick commented 6 years ago

@fatlinesofcode Did you ever figure out if you could get yours to play inline with embed? I can't get mine to work and wonder if there is a work around.