0

我正在使用我偶然发现的一个出色的轻量级 jquery 滑块，称为 Easyfader，可以在此处查看：http: //codepen.io/anon/pen/rAzxI

滑块效果很好，但是我需要向滑块添加一个视频组件。我成功地添加了一个带有“幻灯片”类的 iframe，但是即使用户在 youtube iframe 上按下了播放，滑块也会继续按预期移动到后续幻灯片。

理想情况下，我们希望滑块停止其默认的定时动画，并且只允许在用户单击滑块导航箭头或菜单时更改幻灯片。

下面我尝试创建一个在单击 youtube 视频时触发的函数，问题是我无法成功暂停默认的过渡动画。我试图一起杀死这个功能，这也不理想，也没有奏效。

请参阅上面提供的详细说明正在使用的代码的链接，并在下面查看我尝试过但确实失败的地方。

function videoPlaying()
{
  $('#video-still').fadeOut(1000);
  var theURL = $('.embed-video').attr('src');
  $('.embed-video').attr('src', theURL + '?fs=1&feature=oembed&&autoplay=1');
  ('.slide').stop(true, true);
}
4

1 回答 1

0

您可以通过清除计时器来扩展插件以响应pause事件

添加

$container.on('pause.easyFader', function(){clearTimeout(slideTimer);});

在init方法的插件中..

现在你可以打电话

$('#Fader').trigger('pause.easyFader');

从您要暂停幻灯片的任何地方..一旦您单击任何下一个/上一个（或分页）按钮，它将恢复..

演示在http://codepen.io/gpetrioli/pen/jzfJq

于 2013-10-29T21:28:08.310 回答