Safari视频播放活动

Question

我的页面上有几个HTML5视频.

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

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

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

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

这在除了Safari之外的每个浏览器中都很有效,因为Safari会针对自动播放广告提供内置保护,因此会出现以下错误.

未处理的Promise拒绝:NotAllowedError(DOM例外35):当前上下文中的用户代理或平台不允许该请求,可能是因为用户拒绝了权限.

我在JS上并不出色,但是阅读它听起来像.play()必须在点击时触发才允许它.但是,这对我想要实现的目标不起作用.有谁知道如何基于onLeave事件实现play()？