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