在IPAD和IPHONE上進行自動播放

Question

我有全屏視頻背景，這是我的代碼：

<div id="video-container">
        <video id="video" autoplay loop>
            <source src="ocean.mp4" type="video/mp4">
            <source src="ocean.ogv" type="video/ogg">
            <source src="ocean.webm" type="video/webm">
        </video>
</div>

您如何看待它具有自動播放屬性，但是在IPAD，IPHONE等上不起作用。直到您單擊播放按鈕，它才起作用，但是當我為海報圖像添加海報屬性時，它起作用：

<video id="video" poster="poster.jpg" autoplay loop>

但是我不想要海報。 我也嘗試使用此js代碼，但沒有結果：

function startVideo(){ 
        var myVideo = document.getElementById('video'); 
        if ((myVideo.playing) || (myVideo.currentTime > 0)) { 
                // video is already playing 
        } else { 
                myVideo.play(); 
        } 
}   
window.document.body.onload = startVideo;

Answer 1

我猜iOS不支持自動播放功能。 查看此Apple文檔：

蜂窩網絡下載的用戶控制

在iOS上的Safari（適用於包括iPad在內的所有設備）上的Safari中，用戶可能位於蜂窩網絡上，並按數據單元收費，因此禁用了預加載和自動播放功能。

這是文檔鏈接