尝试使用bxslider自动播放视频

时间:2017-08-11 08:00:19

标签: javascript jquery html css iframe

我正在尝试使用bxslider插件创建视频滑块。滑块工作正常。但我需要在页面加载时自动播放视频。我在js中添加以下行。

jQuery('.bxslider').bxSlider({
  video: true,
  useCSS: false,
  autoplay:true
 });

并且我在带有class = bxslider的未排序列表标记中使用iframe标记。 我还在视频网址后添加?autoplay = 1,如下所示

<ul class="bxslider">
    <li><iframe src="http://player.vimeo.com/video/17914974?autoplay=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen ></iframe></li>

  <li><iframe width="560" height="315" src="https://www.youtube.com/embed/aTLRdrRQyN4" frameborder="0" allowfullscreen></iframe></li>
</ul>

但没有解决方案 任何建议将不胜感激!

1 个答案:

答案 0 :(得分:0)

将链接末尾的?autoplay=1更改为?rel=0&autoplay=1

&#13;
&#13;
<iframe src="http://player.vimeo.com/video/17914974?rel=0&autoplay=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen></iframe>
&#13;
&#13;
&#13;