Question

在移动mp4视频无效时，它只显示img视频。

我不知道这个问题是如何解决的。链接就在这里 http://innovatoryinfotech.com/theme/Restora/index-video.html

这是我的HTML。

 <video id="video" class="slider-video" width="100%" preload="auto" loop autoplay style="visibility: visible; width: 100%;">
          <source src="video/Sushi-361.mp4">
          <source src="video/Sushi-361.webm" type="video/webm">
          <source src="video/Sushi-361.ogv" type="video/ogg">
        </video>

请解决此问题。

我添加此脚本

var video = document.getElementById('video');
video.addEventListener('click',function(){
  video.play();
},false);

然后单击img然后视频开始工作。

但如何在手机上启动自动视频。

Answer 1

它不是“不工作”，只是preload和autoplay被禁用。在iOS Safari中，在用户明确启动之前，您无法进行视频播放。

以下是官方document说明：

在iOS上的Safari（适用于所有设备，包括iPad），用户可能位于移动网络上并按数据单元收费，preload和autoplay被禁用。在用户启动数据之前，不会加载任何数据。

更新：根据https://developers.google.com/web/updates/2016/07/autoplay，在Android上的某些版本的Chrome中也禁用了autoplay。但是，从Android版本53开始，Chrome for Android支持“静音自动播放”，并且在iOS 10及更高版本的Safari上受到支持。

因此，您可以尝试通过添加muted属性（<video autoplay muted>）来解决此问题。但是，由于浏览器历史记录，它不适用于所有设备。

在移动mp4视频不工作？

1 个答案: