Question

我正在使用这种跨浏览器嵌入：

<video width="549" height="309" controls poster="video/stills/index_demo_videoScreen.jpg" style="margin-top:20px;">
    <source src="video/2014-reel-web.mp4" type="video/mp4">
    <source src="video/2014-reel-web.ogg" type="video/ogg">
    <embed width="549" height="309" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="video/2014-reel-web.swf">
</video>

这不是每个人的视频和＃34;解决方案，但它更简单。无论它做什么都不起作用，我并不特别在意。

我需要知道的是，当用户离开时，如何停止播放视频（因为它仍然在页面上，只是不可见）？

我有这个：

$("video").each(function(index) {
    $(this)[0].pause();
});

但如果视频不得不回退到swf对象，那么这并不起作用。是否有可能瞄准并让它停止播放？

我尝试过的一件事是使用jQuery来替换视频标签的HTML内容（根据理论我可以重建内容，从而重置事物），但即使这样也只是默默无闻。

Answer 1

更新：我使用纯JavaScript（DEMO），但正如您所说，此解决方案不适用于不支持{{1}的旧版浏览器}。

对于新浏览器，将<video>添加到onblur="vpause()"元素，然后执行以下操作：

video

对于旧浏览器：

http://mediaelementjs.com/

暂停HTML嵌入式视频

1 个答案: