怎样用js控制外链的土豆、优酷等播放器暂停、播放?

2013-03-08 18:24:09 +08:00
 scarlex
我的页面上有张图,然后点击这张图之后背景变黑,弹出土豆或者优酷的播放器。如果这时候点击黑色背景的话,播放器和黑色背景都会消失。我是这么实现的。。

[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代码。。
4365 次点击
所在节点    问与答
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/62343

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX