Question

我的网页上有几个HTML5视频。

我正在使用fullPage.js，并希望根据您所使用的幻灯片触发不同的视频播放。

我的代码隐藏旧视频，并在每次滚动幻灯片时在固定位置容器中显示新视频。看起来基本上是这样的：

$('#fullpage').fullpage({
    onLeave: function(index, nextIndex, direction){

        $('#video1').hide();
        $('#video2').show();
        $('#video2')[0].play();
    }
});

除了Safari之外，每个浏览器都能很好地工作，这会引发以下错误，我认为是因为Safari内置了对自动播放广告的保护。

未处理的Promise Rejection：NotAllowedError（DOM Exception 35）：The 用户代理或平台中不允许请求当前上下文，可能是因为用户拒绝了权限。

我在JS上并不出色，但是阅读它听起来像.play（）必须在点击时触发才能被允许。然而，这不符合我想要实现的目标。有谁知道如何基于onLeave事件实现play（）？

Safari视频播放活动

0 个答案: