Fullpage.js continuousVertical = true 暂停视频

Question

Fullpagejs continuousVertical: true 属性在从最后一张幻灯片循环播放到第一张幻灯片时暂停我的视频，反之亦然。

这是我的js代码：

continuousVertical: true,
afterRender: function() {
    $('video').each(function() { 
        $(this).get(0).play(); 
    });
}

有人知道如何解决这个问题吗？

Answer 1

通常您需要这样的插件，以便在从一个部分切换到另一个部分时暂停您的视频，这样访问者就不会错过任何内容。我不会太担心它。

总之，如果真的想再玩一遍，就强行在第一节或最后一节的afterLoad播放。（或两者）

afterLoad: function(anchorLink, index){
    if(index == 1 || index == $('.fp-section').length){
        $('video').each(function() { 
           $(this).get(0).play(); 
        });
    }
}

Fullpage.js continuousVertical = true 暂停视频

Fullpage.js continuousVertical = true pauses videos

jquery

html5-video

fullpage.js