在html中插入音訊檔案在瀏覽器中播放音訊檔案的相容性問題_HTML/Xhtml_網頁製作

以下談談本人在html中插入音訊文件，經過我的本地測試總結的一些問題(播放mp3檔案)：

1、
問題：IE8上正常（透過media player插件來播放）但在IE6和IE7上不會播放
Firefox上要安裝QuickTime插件才能播放
Chrome通過將其轉換成html5上的標籤播放，能播放但會使整個螢幕藍屏
Opera不會自動播放

2、
問題：IE6,IE7上不會正常播放，IE8正常
Firefox上正常
Chrome上要求骯髒QuickTime插件才能正常播放
Opera不會自動播放

3、
問題：在IE6,7上不能播放，IE8會跳出「非正常使用的Articx」等字樣的提示
Firefox上正常
Chrome上正常
Opera不支援

4、
問題：html5標籤僅Chrome支援

5、

複製程式碼

程式碼如下:

程式碼如下:

程式碼如下:



程式碼如下:



程式碼如下:

程式碼如下:

程式碼如下：




問題：IE6,IE7不支持，其餘瀏覽器均支持，Opera不能自動播放

6、<bgsound src=""></bgsound>
問題：IE6,IE7均不支持，其餘瀏覽器均支持，Opera不能自動播放

綜合以上本人採取了一下方式（jquery下執行）：





複製程式碼

程式碼如下:

if(navigator.userAgent.indexOf("Chrome") > -1){ 如果是Chrome： }else if（navigator.userAgent.indexOf(" Firefox")!=-1) { 如果是Firefox：

}else if（navigator.appName.indexOf("Microsoft Internet Explorer")!=-1 && document.all）{

如果是IE(6,7,8):

}else if（ navigator.appName.indexOf("Opera")!=-1) {
如果是Oprea：

}else{

}


或





複製程式碼


程式碼如下:

var ua = 程式碼如下: var ua = 推薦碼如下: var ua = 推薦值如下: var ua = 推薦值如下：Agent. (); if(ua.match(/msie ([d.] )/)){ jQuery('#__alert_sound').html(''); } else if(ua.match(/firefox/([d.] )/)){ jQuery('#__alert_sound').html(''); } else if(ua.match(/chrome/([d. ] )/)){ jQuery('#__alert_sound').html(''); } else if(ua.match(/opera.([d.] )/)){ jQuery('#__alert_sound').html(' <bgsounds src="/sounds/alert/1.mp3"></bgsounds>'); } else if(ua.match(/version/([d.] ).*safari/)){ jQuery('#__alert_sound').html(''); } else { jQuery('#__alert_sound ').html(''); }