Slider Revolution响应式jQuery Slider - 嵌入式YouTube在幻灯片上自动推进

时间:2015-11-11 04:10:35

标签: javascript jquery html youtube revolution-slider

当我在滑块中嵌入YouTube视频时,它会将“自动前进”分解为下一张幻灯片。每张其他幻灯片都很好。它也不会自动播放(除非我添加到data-videoattributes& autoplay = 1)所以也必须打破自动播放。

这是html(youtube在点击它时播放效果很好)

           <li data-transition="fade" data-slotamount="8" data-masterspeed="700" data-delay="9400" data-thumb="../../assets/frontend/pages/img/revolutionslider/thumbs/thumb2.jpg">
          <img src="../../assets/slider_backs/dark_building.jpg" alt="">
          <div class="caption lfl slide_item_left tp-videolayer" 
            data-x="30" 
            data-y="50" 
            data-speed="400" 
            data-start="10" 
            data-autoplay="true"
            data-volume="mute"
        data-autoplayonlyfirsttime="true"
        data-nextslideatend="true"
        data-videoattributes="fs=0&start=0&showinfo=0&frameborder=0&controls=1&rel=0&end=60"
        data-ytid="oHg5SJYRHA0"
        data-videowidth="533"
        data-videoheight="300"

            data-easing="easeOutBack">

1 个答案:

答案 0 :(得分:1)

我明白了。

这有效:

data-videoattributes="fs=0&start=0&showinfo=0&frameborder=0&controls=1&rel=0&end=60&version=3&enablejsapi=1"

必须添加:&amp; enablejsapi = 1

让它发挥作用。