V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
scarlex
V2EX  ›  问与答

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

  •  
  •   scarlex · 2013-03-08 18:24:09 +08:00 · 4358 次点击
    这是一个创建于 4067 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我的页面上有张图,然后点击这张图之后背景变黑,弹出土豆或者优酷的播放器。如果这时候点击黑色背景的话,播放器和黑色背景都会消失。我是这么实现的。。

    [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代码。。
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1253 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 23:56 · PVG 07:56 · LAX 16:56 · JFK 19:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.