Javascript 如何在关闭html5视频的内嵌弹出窗口、跨浏览器时停止html5视频

大家好，我是在需要的时候来找你们的。我有一个包含html5视频的内联弹出窗口。我添加了一个停止（“#视频”）；对于“关闭弹出窗口”功能，这是可行的，但仅在Chrome和Opera中有效，而在Firefox和EI中无效。这就引出了一个子问题，基于相同的代码，有人能解释为什么Opera和Safari中无法正确加载视频。我一辈子都搞不懂为什么，我希望你们中的一个能明白

HTML:

JavaScript:

$(this).keyup(function (event) {
    if (event.which == 27) // 27 is 'Ecs' in the keyboard
    disablePopup(); // function close pop up
});

$(this).keyup(function (event) {
    if (event.which == 27) stop('#video');

});

$("div#backgroundPopup").click(function () {
    disablePopup(); //  close pop up

});

$("div#backgroundPopup").click(function () {
    stop('#video'); // stop video
});

---

嗯，我有点困惑你的

stop

函数在任何地方是如何工作的——停止HTML5视频的方法是使用

DOMNode.pause（）

。也许我误解了你的帖子？

给视频标签添加一个id

然后可以使用Javascript访问视频DOM对象

var videoControl=document.getElementById（“myVideoPlayer”）；

---

videoControl.pause（）

嗯，不，从你的回答听起来你明白了，我读过一些停下来的地方（“视频”）；这不是一个真正的功能，但我想一些浏览器会重新激活它。但无论如何，我会尝试DOMNode.pause（），然后我会回到你身边抱歉，我是新来的，而且我似乎无法获得DOMNode.pause（“#video”）；要在任何浏览器中工作，请举例说明如何正确构造DOMNode.pause函数。请尝试以下操作：

document.querySelector（“video”）.pause（）.Aswome这么多，你刚刚救了我一天：）
#video {
    background: #ecf0f1;
    /*light gray*/
}

#video img {
    width: 36.11%;
    max-width: 252px;
}

#backgroundPopup {
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#000000;
    top:0px;
    left:0px;
}

#toPopup {
    background: none repeat scroll #000;
    margin-left:10%;
    margin-right:10%;
    height:auto;
    display: none;
    position: fixed;
    top: 10%;
    z-index: 1;
}

$(this).keyup(function (event) {
    if (event.which == 27) // 27 is 'Ecs' in the keyboard
    disablePopup(); // function close pop up
});

$(this).keyup(function (event) {
    if (event.which == 27) stop('#video');

});

$("div#backgroundPopup").click(function () {
    disablePopup(); //  close pop up

});

$("div#backgroundPopup").click(function () {
    stop('#video'); // stop video
});