停止加載時自動播放視頻 - BXSlider

我在一個簡單的視頻滑塊中使用了bxslider。但滑塊中的所有視頻都開始在加載時播放。我將不得不禁用。停止加載時自動播放視頻 - BXSlider

HTML：

<ul class="bxslider"> 
    <?php 
    foreach($vdos->result() as $vdo){ 
     ?> 
     <li> 
     <iframe src="<?php echo asset_url().'vdo/'.$vdo->vdoPath; ?>" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
     </li> 
     <?php 
    } 
    ?> 
    </ul>

JS：

$(document).ready(function(){ 
    slider = $('.bxslider').bxSlider({ 
     video: true, 
     useCSS: false, 
     auto: false, 
     controls: false, 
     onSliderLoad: function(){ 
     slider.stopAuto(true); 
    } 
    });

我已經粘貼了有一段時間了。任何指導都會非常有幫助。

我厭倦瞭解決方案所帶來

bxslider stopping video element autoplay

它並沒有爲我工作了。謝謝。

P.S：我用的MP4格式測試

來源

2016-03-07 Genocide_Hoax

解決方案沒有奏效，因爲'iframe'爲什麼你正在使用的iframe裝載的視頻？我認爲很難修改iframe – Shayan

我剛剛按照插件的規定執行。 http://bxslider.com/examples/video –

[IFrame contentDocument Property]（http://www.w3schools.com/jsref/prop_frame_contentdocument.asp），在這裏他們展示瞭如何訪問iframe上的內容DOM，但是跨域可能會證明是有問題的... 我解決類似的請求服務器端的內容，並將其提供給我的網絡... –

問題是iframe

<ul class="bxslider" > 
    <li> 
    <video preload="" loop="" class="video-bg"> 
      <source src="video/sample.mp4" type="video/mp4"> 
    </video> 
    </li> 
    <li> 
    <video preload="" loop="" class="video-bg"> 
      <source src="video/sample.mp4" type="video/mp4"> 
    </video> 
    </li> 
</ul> 



$('.bxslider').bxSlider({ 
    video: true, 
    useCSS: false, 
    onSliderLoad:function(currentIndex){ 
     $("video").trigger("play"); 
    }, 
});

來源

2016-03-07 18:41:30 Shayan

非常感謝。我想這也應該在插件文檔中更新。 –

您的代碼與iframe無關。這是如何解決OP的問題？ – zer00ne

@ zer00nethe問題是，爲什麼代碼不適合用戶。並回答：問題是'iframe'。我把代碼顯示給用戶這個代碼工作正常 – Shayan

停止加載時自動播放視頻 - BXSlider

回答

相關問題