Question

我使用Bx滑块作为标准轮播。其中一张幻灯片有一个带自动播放的元素，并循环播放以用作背景。

问题是由于某种原因bx滑块阻止视频播放。是否有一种已知的方法来覆盖此行为。

当页面加载时视频播放正常，直到bxslider的js触发并停止。

我使用开箱即用的配置为bxslider，而li里面是这样的：

 <video preload="" loop="" autoplay="" class="video-bg">
        <source src="<?php echo get_template_directory_uri(); ?>/library/images/tbf/flag.mp4" type="video/mp4">
        <source src="<?php echo get_template_directory_uri(); ?>/library/images/tbf/flag.ogv" type="video/ogg">
 </video>

提前致谢！

Answer 1

通过使用回调，我在选项中设置了播放所有视频。不是一个优雅的解决方案，但现在已经足够好了：

jQuery(document).ready(function(){
jQuery('.top-carousel').bxSlider({
  onSliderLoad: function(){
 jQuery('video').trigger('play');
  },
  onSlideAfter: function(){
   // jQuery('video').trigger('play');
  }
});
});

bxslider停止视频元素自动播放

1 个答案: