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();
 }
}

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

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

Answer 2

我首选的解决方案是将该div的HTML设置为null，而不是试图操纵其中的内容以使其关闭。毕竟它是隐藏的，所以为什么要把它放在那里呢。

document.getElementByID('div').innerHTML = "";

从而彻底删除那里的任何东西。

并取消隐藏它（请注意，您可能需要对此进行一些操作才能获得引号）

document.getElementByID('div').innerHTML = '<embed src="videos/sap.mov" height="270" width="480" scale="tofit"></embed>';

我认为对于flash或像视频播放器那样重要的元素，这将是一个更好的解决方案，想象一个隐藏了30个这样的页面，它会陷入困境。

如何阻止视频在隐藏的DIV中播放

2 个答案: