在滑块中播放Vimeo或Youtube视频时停止滑动

Question

当我在滑块中播放Vimeo或Youtube视频时，哪种最佳方法可以让滑块停止滑块？

非常感谢大家的帮助。

jQuery(document).ready(function(){
jQuery('#gdl-custom-slider ul').cycle({ 
    before:     before_transition,
    after:      after_transition,
    fx:         'fade',
    pager:      '#custom-slider-nav',

    speed:      CUSTOM.speed, 
    timeout:    CUSTOM.timeout 
});



function before_transition(curr, next, opts, fwd){
    jQuery(next).find('.custom-slider-title').css({'top':'15px','opacity':'0'});
    jQuery(next).find('.custom-slider-caption').css({'top':'15px','opacity':'0'});
}

function after_transition(curr, next, opts, fwd){
    jQuery(this).find('.custom-slider-title').delay(100).animate({'top':'0px','opacity':'1'}, 200);
    jQuery(this).find('.custom-slider-caption').delay(400).animate({'top':'0px','opacity':'1'}, 200);
}
});

Answer 1

您必须使用Vimeo和Youtube播放器API。

Vimeo的

要启用API，请将api=1添加到iframe的网址，如下所示：

http://player.vimeo.com/video/VIDEO_ID?api=1 

JSFiddle

更多信息here。

---

的Youtube

要启用API，请将?version=3&enablejsapi=1添加到iframe网址。

http://www.youtube.com/v/VIDEO_ID?version=3&enablejsapi=1

DEMO

查看有关documentation pages。

的更多信息

---

点击“开始”按钮后，您将停止滑块，当您点击“开始”按钮时，您将启动滑块。