这是一个创建于 4289 天前的主题,其中的信息可能已经有所发展或是发生改变。
我的页面上有张图,然后点击这张图之后背景变黑,弹出土豆或者优酷的播放器。如果这时候点击黑色背景的话,播放器和黑色背景都会消失。我是这么实现的。。
[code=html]
<div id="layer" style="height: 100%; width: 100%; position: fixed; left: 0px; top: 0px; z-index:9998; display: none;background-color: none;background-color: black;opacity: 0.8; filter:alpha(opacity=20);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";"></div>
<div id="{{ book.id }}" style="position: fixed; margin: auto; width: 960px; height: 540px; left:0; right:0; top:0; bottom:0; z-index:9999; display: none;">{{ book.online|safe }}</div>
<a href="javascript:void(0)" onclick="show(this);" title="{{ book.id }}">
<img src="{{ book.image }}" class="cover"></img>
</a>
<script type="text/javascript">
function show(obj){
window.id = $(obj).attr("title");
document.getElementById('layer').style.display = "inline";
document.getElementById(id).style.display = "inline";
};
document.getElementById('layer').onclick = function(){
document.getElementById('layer').style.display = "none";
document.getElementById(id).style.display = "none";
};
</script>
[/code]
虽然这样实现了我的需求。。
但是这样做的话,在IE、FF下当黑色背景和播放器都消失之后,播放器依旧在播放,依然可以听到声音。。
在chrome下就不会。
请问怎样做才可以让IE、FF在播放器消失之后让土豆、优酷的flash停止播放(听不到声音)?
{{ book.online|safe }}是土豆、优酷下面提供的html代码。。