Question

我有一个充满视频链接的页面，点击后会打开一个带有流媒体的模态窗口。我通过调用.load函数将视频加载到模态中，但我无法阻止视频自动播放。

<div class="modal hide fade">
    <div class="flowplayer">
        <video preload="none">
            <!-- these are just dummy videos that will be replaced by the .load function -->
            <source type="video/mp4" src="/Assets/video/dummy.mp4">
            <source type="video/webm" src="/Assets/video/dummy.webm">
        </video>
    </div> 
</div>

//script, called when user clicks a video link
var api = flowplayer();
api.load([
    { mp4: //path to video clicked, stored in data- in div },
    { webm: //path to video clicked, stored in data- in div }
]);

视频加载和播放正常，我无法弄清楚如何停止自动播放。

Answer 1

我的方法是在显示模态时显示splash screen。只有当用户点击启动画面时，您才需要加载视频。

您可以绑定到load事件并更新那里的源。

api.bind("load", function(e, api) {

   // do your thing

});

flowplayer events

调用.load后无法禁用自动播放

1 个答案: