1

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

1 回答 1

2

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

维密欧

要打开 API,请添加api=1到 的 URL iframe,如下所示:

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

JSFiddle

更多信息在这里


YouTube

要打开 API,请添加?version=3&enablejsapi=1到 iframe url。

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

演示

在文档页面上查看更多信息。


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

于 2013-06-16T13:58:58.133 回答