停止加载时自动播放视频 - 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

回答

相关问题