2017-04-17 73 views
-1

在移动mp4视频不工作,它只显示img的视频。在移动mp4视频不工作?

我不知道这个问题怎么solve.Link这里 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则视频开始它的工作。

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

+0

指定类型'type =“video/mp4”' –

+0

我尝试但不工作 –

+1

它在我的设备上工作,指定设备的操作系统,因为iOS和Android有不同的方法来处理网络视频 –

回答

1

这不是“不工作”,它只是preloadautoplay已禁用。在iOS Safari中,只有在用户明确启动视频之前,才能进行视频播放。

下面是官方document描述:

在Safari iOS上(对于所有设备,包括ipad公司),其中用户可以是蜂窝网络,并且每个数据单元进行充电,preloadautoplay是禁用。直到用户启动它才会加载数据。

更新:根据https://developers.google.com/web/updates/2016/07/autoplay,autoplay在某些Android版本的Chrome中也被禁用。不过,Chrome for Android版本53支持“静音自动播放”,iOS 10及更高版本的Safari支持此功能。

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