bxslider 停止视频元素自动播放答案

【问题标题】：bxslider stopping video element autoplaybxslider 停止视频元素自动播放
【发布时间】：2014-09-03 11:33:41
【问题描述】：

我将 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>

提前致谢！

【问题讨论】：

标签： jquery html video html5-video bxslider

【解决方案1】：

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

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

【讨论】：