HTML5視頻自動播放功能在手機和平​​板電腦上不起作用

Question

HTML5視頻自動播放功能在手機和平​​板電腦上不起作用。

我使用Android 4.2.2在Chrome 60和iPad上檢查了手機。另外，我使用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的釋放：https://webkit.org/blog/6784/new-video-policies-for-ios/

的Chrome 53在Android上還允許視頻自動播放：https://developers.google.com/web/updates/2016/07/autoplay