Welcome to Yumao′s Blog.
兼容FireFox、Webkit、Ie的wmp網頁播放器代碼
, 2011年12月18日 , , 评论 在〈兼容FireFox、Webkit、Ie的wmp網頁播放器代碼〉中留言功能已關閉 ,

Windows Media Player(以下簡稱wmp)是一款大家很常用的網頁播放器組件,在ie浏覽器橫行的日子裏,大家很容易就可以在自己的網頁中插入wmp,和大家一起分享自己喜歡的音樂。
從ff(Firefox)的開始流行、chrome的出現等多浏覽器博弈時代,wmp已經不再是當年的“通用”組件了。也許用flash可以暫時代替wmp用來播放音樂,雖然flash有著跨平台、安裝量巨大等優勢,但是在音質和格式的支持方面的缺陷,讓它在網頁音樂播放方面壓力巨大。而微軟憑借著windows超過0%的市場占有率和其強大的技術開發實力,讓其Silverlight(銀光)的安裝量節節攀升,但是Silverlight是個新生兒,其開發技術的普及程度不高,所以也不能當做流行的網頁播放器使用。微軟最終還是給ie之外的浏覽器開發了支持插件,下面我們看一看調用的代碼:

//通過讀取userAgent來判斷浏覽器類型
//ie內核的使用 classid=”clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6″
//非ie內核的使用 type=”application/x-ms-wmp”
function showPlayer(id,url){
var vhtml = 'var userAg = navigator.userAgent;
if(-' != userAg.indexOf(“MSIE”)){
vhtml+=' classid=”clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6″';
}
else if(-' != userAg.indexOf(“Firefox”) || -' != userAg.indexOf(“Chrome”) || -' != userAg.indexOf(“Opera”) || -' != userAg.indexOf(“Safari”)){
vhtml+=' type=”application/x-ms-wmp”';
}
vhtml+=' width=”;0″ height=””>';
vhtml+='';
vhtml+='';
vhtml+='';
vhtml+='';
vhtml+='';
vhtml+='';
vhtml+='
';
document.getElementById(id).innerHTML = vhtml;
}
//showPlayer(id,url)id=爲要插入播放器的父層id url=歌曲地址
showPlayer(“player”,”xx.mp”);

示例傳送門

关键字:, , , ,

评论已关闭