jquery - 播放视频时如何停止猫头鹰轮播滑块？

Question

我正在使用猫头鹰轮播滑块进行视频反馈。它工作正常，但是当用户将鼠标悬停在猫头鹰轮播滑块上时，我想要停止猫头鹰轮播滑块，并在播放视频时停止猫头鹰轮播滑块。

对于视频播放，我使用以下播放器：

http://www.bestjquery.com/2016/05/plyr-simple-html5-media-player/

Answer 1

我相信在您的代码中的某个地方，您可以通过调用plyr插件来设置播放器，如下所示：

var instance = plyr.setup(document.querySelector('.js-player'), options);

然后你可以监听playing事件并更新 bxSlider：

instance.on('playing', function(event) {
      $('#BxSlider').data('bxslider').stopAuto(); // Stop the bxSlider from autoplaying
});

plyr API

bxSlider API（检查公共方法）