视频播放（）在 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";