兼容firefox、chrome、ie的wmp网页播放器代码
2010-11-22 09:42
225 查看
Windows Media Player(以下简称wmp)是一款大家很常用的网页播放器组件,在ie浏览器横行的日子里,大家很容易就可以在自己的网页中插入wmp,和大家一起分享自己喜欢的音乐。
从Firefox的开始流行、chrome的出现等多浏览器博弈时代,wmp已经不再是当年的“通用”组件了。也许用flash可以暂时代替wmp用来播放音乐,虽然flash有着跨平台、安装量巨大等优势,但是在音质和格式的支持方面的缺陷,让它在网页音乐播放方面压力巨大。而微软凭借着windows超过90%的市场占有率和其强大的技术开发实力,让其Silverlight(银光)的安装量节节攀升,但是Silverlight是个新生儿,其开发技术的普及程度不高,所以也不能当做流行的网页播放器使用。微软最终还是给ie之外的浏览器开发了支持插件,下面我们看一看调用的代码:
//很简单的一小段代码就可以实现啦 - -! //通过读取userAgent来判断浏览器类型 //ie内核的使用 classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6" //非ie内核的使用 type="application/x-ms-wmp" function showPlayer(id,url){ var vhtml = '<object id="wmp"'; var userAg = navigator.userAgent; if(-1 != userAg.indexOf("MSIE")){ vhtml+=' classid="clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6"'; } else if(-1 != userAg.indexOf("Firefox") || -1 != userAg.indexOf("Chrome") || -1 != userAg.indexOf("Opera") || -1 != userAg.indexOf("Safari")){ vhtml+=' type="application/x-ms-wmp"'; } vhtml+=' width="230" height="64">'; vhtml+='<param name="URL" value="'+url+'"/>'; //下面这些播放器的参数自己配置吧 vhtml+='<param name="autoStart" value="true" />'; vhtml+='<param name="invokeURLs" value="false">'; vhtml+='<param name="playCount" value="100">'; vhtml+='<param name="Volume" value="100">'; vhtml+='<param name="defaultFrame" value="datawindow">'; vhtml+='</object>'; document.getElementById(id).innerHTML = vhtml; } //showPlayer(id,url)id=为要插入播放器的父层id url=歌曲地址 showPlayer("player","xx.mp3");
我这有一个可以使用的示例:去看看示例
也许有些用户使用了以上代码,但是仍然无法看到播放器的话,可能就是你的系统没有安装相应的插件咯!
我收集了一些插件的下载地址:
Windows系统(2003无法安装)
Opera,Firefox,Safari 安装Windows Media Player Firefox Plugin插件(链接地址已修正)(进入页面后,点击Download Now链接即可下载,下载完成后双击安装)
Linux系统
Firefox,Opera 安装mplayerplug-in插件(链接地址已修正)(该文发表时最新版本是3.55)
Ubuntu系统可以通过下面命令安装:
sudo apt-get install mplayer
sudo apt-get install w32codecs
最后祝愿大家都能够在自己的网站上与大家分享喜欢的音乐
原文链接:http://iiu.me/archives/49
相关文章推荐
- 兼容firefox、chrome、ie的wmp网页播放器代码,还有解决WME遮住层的问题
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- 兼容IE,Firefox,chrome等浏览器 : 设为首页和收藏的Javascript代码
- IE、Firefox、Chrome 的JS代码兼容注意事项
- 兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
- 兼容浏览 firefox、chrome、ie 的flash(swf) 的代码!
- javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
- 设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
- JS控制图片翻转代码,兼容firefox,ie,chrome等浏览器
- javascript实现拖动层效果代码(符合标准且兼容IE,chrome,firefox)
- 兼容IE,Firefox,chrome等浏览器 : 设为首页和收藏的Javascript代码
- AJAX w3school 以及IE、Firefox、Chrome 的JS代码兼容注意事项
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- JS控制图片翻转示例代码(兼容firefox,ie,chrome)
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- JS控制图片翻转示例代码(兼容firefox,ie,chrome)
- 加入收藏 兼容性较好的 代码 兼容ie firefox chrome(经过测试 该代码无效)
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码