HTML5视频自动播放功能在手机和平​​板电脑上不起作用

Question

HTML5视频自动播放功能在手机和平​​板电脑上不起作用。

我使用Android 4.2.2在Chrome 60和iPad上检查了手机。另外，我使用Android 4.2.2和7.0查看了手机。 我试图用这样的脚本：

// 1 
$(window).load(function() { 
    $("video[autoplay]").get(0).play(); 
}); 


// 2 
$(window).on("scroll", function() { 
var video = $("video[autoplay]").get(0); 

if (video.paused) { 
    video.play(); 
} 
}); 


// 3 
$(window).on("touchstart touchmove touchend touchcancel", function() { 
    var video = $("video[autoplay]").get(0); 

    if (video.paused) { 
    video.play(); 
    } 
}); 

HTML：

<video id="video" autoplay="" loop="" playsinline="" muted=""> 
    <source src="videos/video1.mp4" type="video/mp4"> 
</video> 

第一个变种不会在所有的工作。

第二个在里面运行脚本，但视频不播放。

第三个脚本在里面运行脚本，但视频仅在点击时播放！

这里是codepen。 这里是website

Answer 1

自动播放功能不适用于手机浏览器，因为手机将在网络数据上，并且如果有任何自动播放视频开始播放，那么它将在没有用户许可和知识的情况下使用数据。所以默认情况下，这对移动浏览器是禁用的。

但你仍然可以检查这些网址为您的解决方案：

自从苹果已经允许视频自动播放的iOS 10的释放：https://webkit.org/blog/6784/new-video-policies-for-ios/

的Chrome 53在Android上还允许视频自动播放：https://developers.google.com/web/updates/2016/07/autoplay