audio元素和video元素在ios和andriod中無法自動播放

標籤：相容   src   設定   cti   andriod   mpeg   doc   nbsp   放音   

原因： 因為各大瀏覽器都為了節省流量，做出了最佳化，在使用者沒有行為動作時（互動）不予許自動播放；    /音頻，寫法一

 <audio src="music/bg.mp3" autoplay loop controls>你的瀏覽器還不支援哦</audio>

 

        //音頻，寫法二

<audio controls="controls">         <source src="music/bg.ogg" type="audio/ogg"></source>        <source src="music/bg.mp3" type="audio/mpeg"></source>        //優先播放音樂bg.ogg，不支援在播放bg.mp3</audio>

 

        //JS綁定自動播放（操作window時，播放音樂）

  $(window).one(‘touchstart‘, function(){        music.play();    })

    //下相容處理

 document.addEventListener("WeixinJSBridgeReady", function () {        music.play();    }, false);

 

        小結：    1.audio元素的autoplay屬性在IOS及Android上無法使用，在PC端正常；    2.audio元素沒有設定controls時，在IOS及Android會佔據空間大小，而在PC端Chrome是不會佔據任何空間；    3.注意不要遺漏的相容處理需要引用JS；

audio元素和video元素在ios和andriod中無法自動播放