Question

HTML5视频自动播放功能不适用于手机和平板电脑。

我在Chrome 60和iPad上使用Android 4.2.2检查了手机。此外，我检查了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发布以来，Apple已允许视频自动播放：https://webkit.org/blog/6784/new-video-policies-for-ios/

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

HTML5视频自动播放功能不适用于手机和平板电脑

1 个答案: