您的足迹:首页 > 未分类 >解决html5在苹果ios系统下无法自动播放声音的问题

解决html5在苹果ios系统下无法自动播放声音的问题



为什么html5代码在苹果ios系统下无法自动播放声音呢?

挺多人都不知道吧,IOS下的safari是无法自动播放音乐的。

直接微信火起来后,不少人发现,微信里的却是可以自动播放的。于是乎,各种探索开始了


先看下平时使用audio标签插入背景音乐的代码:

<audio id="Jaudio" class="media-audio" src="bg.mp3" autoplay preload loop="loop"></audio >

正常来说,上面的写法在安卓和大部分IOS机子的微信是可以播放的(safari这里就忽略讨论),可以扫一扫demo测试下你的手机 

贴上解决方案代码吧:


<audio id="Jaudio" class="media-audio" src="bg.mp3" preload loop="loop"></audio >

<script>


function audioAutoPlay(id){
    var audio = document.getElementById(id),
        play = function(){
        audio.play();
        document.removeEventListener("touchstart",play, false);
    };
    audio.play();
    document.addEventListener("WeixinJSBridgeReady"function () {
        play();
    }, false);
    document.addEventListener("touchstart",play, false);
}
audioAutoPlay('Jaudio');

</script>




本博客所有文章如无特别注明均为原创。作者:恶猫复制或转载请以超链接形式注明转自 恶猫的博客
原文地址《解决html5在苹果ios系统下无法自动播放声音的问题

相关推荐

WRITTEN BY

avatar

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)

恶猫的博客 -记录自己日常,代码,美图,电影,音乐,新闻,只是个人博客而已

浙ICP备15011757号-4 网站地图 联系我