如何让视频播放暂停滑块？

Question

我目前有一个javascript滑块。这是每张幻灯片5秒的自动播放。第二张幻灯片有一个iframe YouTube视频。

不幸的是，如果我点击播放，5秒钟后，滑块会自动播放到下一张幻灯片。

例如，有没有办法让滑块识别正在播放的视频？或者还有其他方法可以解决这个问题吗？

JS代码很简单，我正在使用http://jquery.malsup.com/cycle/作为我的滑块。

<script type='text/javascript'>
jQuery('#slider-1').cycle({
next: '#next-1',
prev: '#prev-1',
fx: 'fade',
timeout: 5000,
pause: 1,
pager: '#slider-nav-pager-1',
height: '433px',
width: '960px'
})
</script>

如果您需要更多代码，请与我们联系。这只是一个简单的iframe。

谢谢！

Answer 1

我最终使用shadowbox-js播放视频，以便在滑块继续在后台运行时播放视频。