这段时间太忙了,都没时间我工作心得写下来了,今天抽个时间把前两天工作中碰到的一些很棘手的问题以及解决的方法:
问题描述:
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;
哈哈,希望能对某些朋友有所帮助哈^-^
IE FireFox safari下javascript操作embed标签(转)
最新推荐文章于 2023-11-08 13:56:47 发布