视频播放时如何停止猫头鹰旋转木马滑块？

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 (检查公共方法)