視頻播放（）在Safari中不起作用

Question

在我的網站arielledubois.com上，我無法讓我的首頁視頻只能在Safari中播放。 這是我已設置的JS代碼：

setTimeout(function(){
     document.getElementById("bgvid").play();
 }, 3900);

我了解到Apple會阻止自動播放，因此您必須單擊以激活視頻； 但是有人知道解決方法嗎？

Answer 1

我認為您最好使用“ canplaythrough”事件。

var video = document.getElementById("bgvid");
video.oncanplaythrough = function() {
    video.play();
};
video.src = "your_video_sourse";