Question

所以我使用在Individual slide delay // Superslides找到的答案解决了超级幻灯片的单个幻灯片延迟问题，但现在我在播放的视频时出现问题。

视频是幻灯片4，但是当滑块加载时它会开始播放。我正在为播放器使用YTPlayer。

jQuery('#fullscreen , .p-section').superslides({
    play: 12000,
    animation: 'fade',
    inherit_height_from: window,
});

jQuery('#fullscreen').on('animated.slides', function () {
var slideNo = jQuery(this).superslides('current');
if(slideNo === 3){ //slide 4
    jQuery(this).superslides('stop');
    setTimeout(function(){
        jQuery('#fullscreen').superslides('start')
    }, 20000);
} });

这就是我对滑块的看法。如何才能让视频在视频为当前幻灯片时开始播放，然后在播放后转换到下一张幻灯片。

更新：如果有人正在寻找这样的话。在@Sunand的帮助下，这就是我所拥有的。

jQuery('#fullscreen , .p-section').superslides({
    play: 12000,
    animation: 'fade',
    inherit_height_from: window,
});

jQuery('#fullscreen').on('animated.slides', function () {
var slideNo = jQuery(this).superslides('current');
if(slideNo === 3){ //slide 4
jQuery(this).superslides('stop');
jQuery(".mb_YTVPBar .buttonBar").css({"display":"block"}); 
jQuery(".home-elements").css({"display":"none"}); 
jQuery("#bgndVideo").playYTP();

jQuery("#bgndVideo").on("YTPEnd",function(){
    jQuery('#fullscreen').superslides('start');
     jQuery(".mb_YTVPBar .buttonBar").css({"display":"none"});
     jQuery(".home-elements").css({"display":"block"});  
});
}
});

现在，如果他们在视频完成之前单击“下一步”，我仍然会继续工作，那么视频应该会停止。我想出来的时候会更新。

Answer 1

在data-property属性中设置autoPlay：false并将您的代码更改为

jQuery('#fullscreen').on('animated.slides', function () {
var slideNo = jQuery(this).superslides('current');
if(slideNo === 3){ //slide 4
    var me = this;
    jQuery(this).superslides('stop');
    jQuery("#videoID").playYTP();
    jQuery("#videoID").one("YTPEnd",function(){
        jQuery(me).superslides('start');
    });

} });

当前幻灯片// Superslides时视频开始播放

1 个答案: