javascript - 停止加载时自动播放视频 - BXSlider

Question

我在我的一个网站中使用 bxslider 作为简单的视频 slider 。但 slider 中的所有视频都会开始加载播放。我必须禁用它。

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");
    },
});