1. 程式人生 > >audio元素和video元素在ios和andriod中無法自動播放

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

正常 空間大小 jsb pre rom pla mp3 原因 gpo

原因: 因為各大瀏覽器都為了節省流量,做出了優化,在用戶沒有行為動作時(交互)不予許自動播放;

    /音頻,寫法一
 <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中無法自動播放