在移动 mp4 视频中不起作用？答案

【问题标题】：In mobile mp4 video is not working?在移动 mp4 视频中不起作用？
【发布时间】：2017-04-17 08:11:39
【问题描述】：

在移动 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然后视频开始工作。

但是如何在移动设备上启动自动视频。

【问题讨论】：

指定类型type="video/mp4"
我试过了，但不行
它适用于我的设备，请指定设备的操作系统，因为 iOS 和 android 处理网络视频的方法不同
它在 Iphone 的 android 手机中不起作用我不知道。

标签： html video html5-video

【解决方案1】：

这不是“不工作”，它只是 preload 和 autoplay 禁用。在 iOS Safari 中，您无法播放视频，除非用户明确启动它。

这里是官方document的描述：

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

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

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

【讨论】：