暂停Bootstrap轮播播放video时

我有多个video和图像幻灯片。 Carousel设置为加载时自动播放。 但是当有人播放video并将鼠标移出侧面时,它会一直滑动(如预期的那样)。

如何跟踪video播放和暂停的时间? 我搜索了SO,但没有找到类似的问题。

网站管理员稍后会添加video,因此可能是iframe或html5video。 所以,我需要一个既适用于两者的解决方案。

当播放本机HTML5video时,我可以暂停Bootstrap轮播,并在video暂停或播放时再次播放。 我是JS的新手,但是我一起搜索并串起了几件事。 我可能犯了一个错误(很可能),但它对我有用。

我不是通过ID调用video,因为我希望该操作适用于在旋转木马中播放的任何video。 我的情况有几个。

请注意更改轮播的ID以与您的ID匹配。

 

$( “#myCarousel”)旋转台( ‘暂停’)。 停止它$(“#myCarousel”)。carousel(); 再次启动它http://www.w3.org/2010/05/video/mediaevents.html那里有许多事件你应该再次启动它甚至暂停,结束事件被触发并暂停播放。

对于youtube我不确定你如何整合它,但他们确实有js api所以https://developers.google.com/youtube/js_api_reference#Events将向你展示你可以听的事件和你用html5video做的事情