IE FireFox safari下javascript操作embed标签(转)

这段时间太忙了,都没时间我工作心得写下来了,今天抽个时间把前两天工作中碰到的一些很棘手的问题以及解决的方法:

问题描述:
embed标签接受到直播流以后在IE下可以通过play()和pause()方法得到很好的播放/暂停的控制,但在FireFox和safari 去无能为力,在Firefox和safari下可以正常的播放(在safari需要装media插件),但是就是通过play() 和pause()无法控制它的播放和暂停,问题的根源是Firefox和Safari不能很好的支持embed标签。就这个一个小问题耗了好多时间,恼火啊!

解决方法:

也许会有更好的方法,我的解决方法是这样的:当点击暂停按钮的时候,首先去判断浏览器的类型,如果不是IE就直接把Embed这个标签从DOM中remove掉,单点播放按钮的时候再把Embed标签动态加载到DOM中。就这样,问题解决了。
相关代码如下:
//包含Embed标签的层
<div id="radio_container"><embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/windows/mediaPlayer/" id="player" src="http://pub.qmoon.net:8009/911pop" name="player" width="0" height="0" volume="100"> </embed></div>    

//暂定
var trnode=document.getElementById("player");
trnode.parentNode.removeChild(trnode);

//播放
var container=document.getElementById("radio_container");

var str="<embed type=/"application/x-mplayer2/" pluginspage=/"http://www.microsoft.com/windows/mediaPlayer//" id=/"player/" src=/"http://直播流地址/" name=/"player/" width=/"0/" height=/"0/" volume=/"100/">";

container.innerHTML+=str;

哈哈,希望能对某些朋友有所帮助哈^-^

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值