IE FireFox safari下javascript操作embed播放--JavaScript/Ajax--编程设计网

=波波日志 > JavaScript/Ajax > IE FireFox safari下javascript操作embed播放=

[转]IE FireFox safari下javascript操作embed播放

关键词：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中。就这样，问题解决了。

相关代码如下：

-HTML

<!--包含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>    
<script type="text/javascript">
//暂定
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;</script> 

哈哈，希望能对某些朋友有所帮助哈^-^
来源：http://hi.baidu.com/mydelicious/blog/item/2c9af854f5a8525cd00906c0.html

类别：JavaScript/Ajax　作者：转载　日期：2010-08-03　【评论：0】　

上一篇：jQuery IE6下width(),height()获取document的高和宽不精确　
下一篇：JavaScript汉字Unicode编码相互转换

暂时没有评论！

发表留言

百度赞助