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

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 （检查公共方法）