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

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 播放视频，以便在滑块继续在后台运行时播放视频。