Остановить видео с автозапуска при загрузке - BXSlider

Question

Я использую 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

Answer 1

проблема 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"); 
    }, 
});