本文摘自PHP中文网,作者零下一度,侵删。
html5
audio
标签在ios 微信浏览器中是无法自动播放的,最近在做一个小的项目遇到这个问题,安卓和pc都是正常的,唯独ios不行,查阅了很多资料,找到了以下方法,也许不是最好用的方法,如果有更方便的方法,尽请留言:1 2 3 4 5 6 | html部分:
<audio id= "audio" ><source src= "20161012102044_57fd9dfc044cd.mp3" ></audio>
<script>
audio = document.getElementById( 'audio' );
audio.play();
</script>
|
js部分:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | function audioAutoPlay(id)
{
var audio = document.getElementById(id);
var play = function() {
document.removeEventListener( "WeixinJSBridgeReady" , play);
document.removeEventListener( "YixinJSBridgeReady" , play);
audio.play();
audio.pause();
};
audio.play();
audio.pause();
}
audioAutoPlay( 'audio1' );
|
阅读剩余部分
相关阅读 >>
html5游戏开发引擎-初识createjs的详解(图文)
javascript怎么修改table值
javascript主要由哪些部分组成
html5实现留言和回复的页面样式
html5中五种存储方式的介绍
javascript怎么判断正数还是负数
对tap事件和tap点透原理的分析
html5 placeholder属性的详情介绍
html5对手机页面长按会粘贴复制禁用的解决方法
javascript和jsp有什么区别
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » ios加载html5 audio标签时遇到的问题分享