【问题标题】: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');
      }
    });
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-04-25
      • 1970-01-01
      • 2015-03-04
      • 2014-07-16
      • 2018-12-05
      • 1970-01-01
      相关资源
      最近更新 更多