在Ie8下audio,標籤無法使用,但是在9,10,11這些都可以使用
以下都是通過搜索總結的
後面發現:embed 這個標籤在ie8下可以播放聲音,這裏的src鏈接是固定的,後面還有不固定的使用
autostart="false",這裏的false設置的是加載頁面時不自動播放,true爲自動播放
<audio id="haveOrder" src="/static/audio/ben_ci_diao_du_yi_jie_dan.mp3"></audio>
<embed id="haveOrderE" src="/static/audio/ben_ci_diao_du_yi_jie_dan.mp3" autostart="false" hidden="true" />
<srcipt>
//這裏是Ie8的判斷
var isIE8 = false;//如果是ie8,true,否則false
var isIEAndNot8_9_10 = false;//是ie,但不是10或者以下得版本
if(navigator.appName == "Microsoft Internet Explorer") {
var ieVersion = navigator.appVersion .split(";")[1].replace(/[ ]/g,"")
if(ieVersion =="MSIE6.0" || ieVersion =="MSIE7.0" || ieVersion =="MSIE8.0") {
//如果是ie6,7,8,9,就加載
isIE8 = true;
isIEAndNot8_9_10 = false;
}else if(ieVersion =="MSIE9.0" || ieVersion =="MSIE10.0"){
isIE8 = false;
isIEAndNot8_9_10 = true;
}
}
console.log("isIE8:" + isIE8 + ",isIEAndNot8:" + isIEAndNot8_9_10)
</script>
接下來就是播放,這裏在ie8下使用embed 播放,在其它情況下使用audio播放
if(isIE8){
document.getElementById('dddNoCarE').play();
}else {
document.getElementById('dddNoCar').play();
}
這裏是動態新建一個embed標籤並播放
function playCe() {
//播放鏈接
var playU = "/static/audio/10714.mp3";
isIE8 = false;
if(isIE8){
//建立 embed 並播放
$("#embedDiv").html("");
var thtml= "";
thtml = '<embed id="audioU" src="'+playU+'" quality="high" height="40px" align="middle" allowScriptAccess="always" autostart="false" hidden="false">';
$("#embedDiv").html(thtml);
// 獲取鏈接
console.log("-=++++src++++++++" + document.getElementById("audioU").src)
//播放
document.getElementById("audioU").play()
}else {
// audio修改播放鏈接
$('#playUrl').attr('src',playU);
//audio播放
$("#playUrl")[0].play();
}
}