码迷,mamicode.com
首页 > 移动开发 > 详细

audio元素和video元素在ios和andriod中无法自动播放

时间:2018-02-26 17:39:01      阅读:272      评论:0      收藏:0      [点我收藏+]

标签:兼容   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中无法自动播放

标签:兼容   src   设置   cti   andriod   mpeg   doc   nbsp   放音   

原文地址:https://www.cnblogs.com/Enid0044/p/8473782.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!