Question

我想在自动播放模式下播放video和audio，两者都准备播放。
我正在使用此代码。

 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();
  }
}

此代码在桌面浏览器中运行良好。但是当我在移动设备上试用它时，它无法正常工作。这是一个链接，你可以看到它的工作原理 Video Link

Answer 1

Chrome / ie现在支持自动播放，如果已静音

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

Answer 2

显然，你现在不能这样说：

移动浏览器中的自动播放限制是操作系统开发人员的一个故意限制。据我所知，绝对没有办法在移动浏览器中自动播放内容，因为触发内容播放所需的事件是OS / Phone事件，浏览器本身无法控制或与之交互。

HTML5 Video autoplay on Mobile Browser

在移动设备中自动播放视频

2 个答案: