IE8:SCRIPT438: 對象不支持“play”屬性或方法,audio.play()無法使用

在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();
        }
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章