2014-09-03 53 views
2

我使用Bx滑块作为标准传送带。其中一张幻灯片有一个自动播放和循环的元素用作背景。bxslider停止视频元素自动播放

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

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

我使用的开箱配置为bxslider,而李里是这样的:提前

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

谢谢!

回答

2

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

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

对我而言 – jhawes 2015-10-01 19:58:36