深刻求解答：ios使用audio标签不能播放网络音频 求解决方案！！！

作者：何兴林 发布时间: 2017-07-06 阅读：

深刻求解答：ios使用audio标签不能播放网络音频 求解决方案！！！

html5有非常方便的audio标签可以嵌入音频文件，而Android的webview具有基本的浏览器内核，可以浏览基于html5的文档。

网上有说苹果的web端播放有以下问题：

audio和video在ios手机端都是不能自动播放的

ios端需要用户点击屏幕才能加载 或者预加载音频再触发就可以

audio标签在ios safari浏览器中，js是无法控制播放的。因为ios safari浏览器内置的把.play() .load()都给禁用，

在safri on ios里面明确指出等待用户的交互动作后才能播放media，也就是说如果你没有得到用户的action就播放的话就会被safri拦截

经过运行发现在电脑上或者android机上能够良好的呈现并播放，但是在苹果机上呈现的是一条白杠和一个无法使用的三角形按钮，无法播放，也无法使用jsapi进行播放

网上方法：

<audio preload="none" id="audio"autoplay="autoplay"></audio>

plays: function(url) {
console.log(url)
$("#audio").attr("src", url).get(0).load().play();
}

audio标签设置audoplay属性，动态更换src之后，先load()重载一下，再play()。

文章地址：http://blog.yunzhancms.com/index.php?s=/Article/detail/id/283 欢迎转载，转载时请注明出处