【问题标题】:How to stop owl carousel slider when video being playing?播放视频时如何停止猫头鹰轮播滑块?
【发布时间】:2018-01-24 05:57:57
【问题描述】:

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

对于视频播放,我使用以下播放器:

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

【问题讨论】:

    标签: jquery html5-video owl-carousel plyr.js


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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-05-15
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-10-16
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多