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

时间:2013-06-16 13:49:00

标签: jquery video youtube slider

当我在滑块中播放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);
}
});

1 个答案:

答案 0 :(得分:2)

您必须使用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

的更多信息

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