Видео начинается, когда текущий слайд // Superslides

Question

Так что я решил индивидуальную слайд проблемы задержки с Superslides, используя ответы, найденные в Individual slide delay // Superslides, но теперь у меня возникают проблемы с видео, которое я поставил в.

Видео является Slide 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

набор AutoPlay лжи в атрибуте данных свойств и изменить ур код

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'); 
    }); 

} });