2014-09-03 31 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