暂停HTML嵌入式视频

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>

这不是“每个人的视频”解决方案，但是要简单得多。 不管它有什么用，我都不在乎。

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

我有这个：

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

但是，如果视频不得不退回到swf对象，那将不起作用。 甚至有可能瞄准它并使其停止播放？

我尝试过的一件事是使用jQuery完全替换了视频标签的HTML内容（从理论上讲，我可以重建内容，从而重置内容），但是即使是默默地也不执行任何操作。

Answer 1

更新：我知道它可以与纯JavaScript（ DEMO ）一起使用，但是正如您所说的，此解决方案不适用于不支持<video>旧版浏览器。

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

var test = document.getElementById('video');
test.addEventListener("play", vfocus, false)
test.focus();
function vfocus(){
    test.focus();
}
function vpause() {
    test.pause();
}

对于旧的浏览器：

http://mediaelementjs.com/