2017-04-17 64 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>)來解決此問題。但是,由於瀏覽器歷史記錄,它不適用於所有設備。