jquery - bxslider 停止视频元素自动播放

Question

我将 Bx slider 用于标准轮播。其中一张幻灯片有一个自动播放和循环播放的元素用作背景。

问题是出于某种原因 bx slider 停止播放视频。是否有已知的方法来覆盖此行为。

当页面加载时视频播放正常，直到 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');
  }
});
});