ios6 / Safari 上的 HTML5 視頻標簽自動播放

Question

我正在嘗試構建一個可以輪流自動播放短視頻 (.mov) 的網站。 對 HTML5 似乎沒問題，並且可以在 PC 上與 Chrome 配合使用。 但是在 iPad 上運行時，視頻不會自動播放，而是等待有人點擊視頻。 沒有自動播放的方法嗎？ 我試圖通過 javascript 調用，但失敗了。 歡迎任何建議。 我已經在 iPad2 上確認了 ios6.01 ..

標簽如下：

    <video id="vidWindow" controls="controls"
           autoplay="autoplay"  poster="images/rbc3d.png">
        <source src="videos/28497184.mp4"   />
            Your browser does not support the video tag.
    </video>

Answer 1

這是 Apple 故意禁用的（並且有充分的理由）。 Safari 參考庫指出：

在 iPhone 操作系統上的 Safari（適用於所有設備，包括 iPad）中，用戶可能使用蜂窩網絡並按數據單位收費，自動緩沖和自動播放被禁用。 在用戶啟動之前不會加載任何數據。 這意味着 JavaScript play() 和 load() 方法在用戶啟動播放之前也處於非活動狀態，除非 play() 方法由用戶操作觸發。

Answer 2

只需將 ' webkit-playsinline ' 屬性添加到 video 標簽並執行下面的 javacript 函數

function playVideo(){
   var video = document.getElementById("vidWindow");
   video.play();
}
playVideo();