Jquery bxslider停止视频元素自动播放

Jquery bxslider停止视频元素自动播放,jquery,html,video,html5-video,bxslider,Jquery,Html,Video,Html5 Video,Bxslider,我正在使用Bx滑块作为标准旋转木马。其中一张幻灯片有一个带有自动播放和循环的元素用作背景 问题是由于某些原因bx滑块会停止播放视频。是否有一种已知的方法来覆盖这种行为 加载页面时,视频播放正常,直到js for bxslider触发并停止 我正在为bxslider使用开箱即用的配置,在li中是这样的: <video preload="" loop="" autoplay="" class="video-bg"> <source src="<?php ec

我正在使用Bx滑块作为标准旋转木马。其中一张幻灯片有一个带有自动播放和循环的元素用作背景

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

加载页面时,视频播放正常,直到js for bxslider触发并停止

我正在为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>


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

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