Autoplay video in Mobile device

Question

I want to play video and audio in autoplay mode, When both are ready to play.
I'm using this code.

 var video = false;
 var audio = false;
 video.addEventListener('canplay',function(){
    video = true;
    playall();
 });
 audio.addEventListener('canplay',function(){
    audio = true;
    playall();
 });
playall(){
  if(video && audio){
    console.log('playing start....');
    video.play();
    audio.play();
  }
}

This code is working fine in desktop browsers. But when I try it on mobile device it is not working. Here is a link where you can see it live how its working.
Video Link

score 1 · Answer 1 · answered Nov 28 '16 at 11:20

1

Chrome/ie now supports the autoplay if muted

<video id="video" width="100%" controls   autoplay muted>
    <source src="<Your video src>" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

answered Nov 28 '16 at 11:20

saad

1,304
1
12
21

score 0 · Answer 2 · edited May 23 '17 at 12:16

Apparently, you can't for now as stated here :

The auto play limitation in mobile browsers is an intentional limitation put in by the OS developers. To my knowledge, there is absolutely no way to auto play content in a mobile browser because the event that is required to trigger content play is an OS/Phone event, one which the browser itself has no control over or interaction with.

HTML5 Video autoplay on Mobile Browser

Autoplay video in Mobile device

2 Answers2