Video 延迟fullpage.js中视频的自动播放

我正在使用fullpage.js搜索一种延迟自动播放的方法

---

在标记中，我实际上使用了data src（用于延迟加载）和autoplay

只要使用回调

afterLoad自己做就可以了。然后添加setTimeout或类似设置：

afterLoad: function(anchorLink, index){
     setTimeout(function(){
         //playing HTML5 media elements
         $(this).find('video, audio').each(function(){
            var element = $(this).get(0);

            if( element.hasAttribute('data-myautoplay') && typeof element.play === 'function' ) {
                element.play();
            }
        });
     }, 2000); //2 seconds delay
},

当然，您必须停止使用fullpage.js自动播放功能，因此请从视频中删除
autoplay
属性。使用
data myautoplay=“true”
使上面的代码生效。
解决方案

HTML

<video id ="video_intro" width="XXX" height="XXX" poster=".../poster.svg">
<source data-src=".../video.webm" type="video/webm">
<source data-src=".../video.mp4" type="video/mp4">
</video>

我无法让它工作：\n视频根本无法启动。。。我尝试删除数据src，删除自动播放没有任何效果。
afterLoad: function(anchorLink, index){
        var video = document.getElementById("video_intro");
        video.addEventListener("canplay", function() {
          setTimeout(function() {
            video.play();
          }, 2000);
        });
}