javascript - 如何停止在隐藏的 DIV 中播放视频

Question

这是 JavaScript:

function unhide(divID) {
    var item = document.getElementById(divID);
    if (item) {
        item.className=(item.className=='hidden')?'unhidden':'hidden';
    }
}

这是 HTML:

<a href="javascript:unhide('verizon');">VERIZON<br>
<a href="javascript:unhide('sap');">SAP</a><br>

<div id="sap" class="hidden">
    <embed src="videos/sap.mov" height="270" width="480" scale="tofit"></embed>
</div>
<div id="verizon" class="hidden">
    <embed src="videos/verizon.mov" height="270" width="480" scale="tofit"></embed>
</div>

当我点击 SAP 时，视频开始播放。当我点击 Verizon 时，它也会播放，但 SAP 视频会继续播放，即使它是隐藏的。

我是 javascript 的新手。

有更好的方法吗？如何使用已有的代码进行修复？

Answer 1

你可以这样做:

function unhide(divID) {
 var item = document.getElementById(divID);
 var other = {"verizon":"sap","sap":"verizon"};
 if (item) {
    item.className=(item.className=='hidden')?'unhidden':'hidden';
    var tar = document.getElementById(other[divID]);
    tar.className = 'hidden';
    tar.getElementsByTagName("embed")[0].stopVideo();
 }
}

Other 只是一个对象，可以轻松访问要停止的视频的 ID。它使用来自 divID 的字符串来获取另一个字符串。

然后，一旦您拥有该其他元素，便遍历其子元素以找到 embed 元素。 [0] 用于获取第一个匹配元素(您的视频)。然后你可以使用 javascript 的 stopVideo() 方法来停止视频。