Skip to content

Inline video and autoplay on iOS10 #154

@mrphilipandrews

Description

@mrphilipandrews

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>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions