Question

有没有办法以编程方式暂停放置在旋转滑块上的视频（来自javascript）？从documentation开始，似乎公共API不提供此功能，仅用于暂停滑块。

我的情况是，我需要停止滑块视频，当按下某个按钮时会按下另一个视频。

感谢您的帮助...

Answer 1

最后我找到了解决革命滑块源代码的解决方案，看看他们内部如何使用youtube API。

Youtube播放器对象存储在数据中的每个幻灯片视频标题中（＆＃39;播放器＆＃39;）

示例：

滑块HTML标记

<div id="mySlider" class="fullwidthbanner">
<ul>
    <!-- Slide 1 -->
    <li id="slide1" data-fstransition="fade" data-transition="fade" data-slotamount="10" data-masterspeed="300">
        <div class="caption sfb video" data-x="700" data-y="112" data-speed="500" data-start="1300" data-easing="easeOutExpo" data-nextslideatend="true" data-autoplay="true" data-autoplayonlyfirsttime="true">
            <iframe allowfullscreen src="https://www.youtube.com/embed/xxxxxxx?rel=0&controls=1&showinfo=0&enablejsapi=1" width="448" height="267" id="slide1-video"></iframe>
        </div>
    </li>
</ul>
</div>

Javascript停止在幻灯片中嵌入视频：

// get player object
var player = $('#slide1 .video').data('player')
// now use yt api on player object to stop video, play video or whatever you want.
player.stopVideo();

Revolution Slider（jQuery） - 有没有办法（api）停止滑块上的视频？

1 个答案: