HTML5的Audio标签，目前的主流浏览器都支持，只不过各种浏览器对音频的支持的格式不同，当前，audio 元素支持三种音频格式：
IE 9 支持 MP3
Firefox 3.5 支持 Ogg Vorbis、Wav
Opera 10.5 支持 Ogg Vorbis、Wav
Chrome 3.0 支持 Ogg Vorbis、MP3
Safari 3.0 支持 MP3、Wav
html5标签audio的autoplay属性可以设置在页面打开后自动播放。这个属性本来挺好的。但是最近做了一个项目却发现在iphone上无法自动播放。
各种查阅资料后发现原来iphone公司是考虑到用户可能是用手机流量访问的情况，为了用户流量着想，所以需要用户交互后才能播放。虽然苹果公司是出于好心，但是如果网页打开之后还需要一个交互才能听到美妙的背景音乐，那么网站的体验效果自然差了很多。可是这种问题要怎么解决呢？
冥思苦想了很久，终于做了一个艰难的决定。于是乎就这样尝试了一下：
$(function(){
$("#audio")[0].play()
})
没想到竟然好用！！！
全部的代码是这样
<html>
<head>
<script src="js/jquery.js"></script>
</head>
<body>
<audio id="audio" src="song.mp3" autoplay="autoplay">
您的浏览器不支持audio标签。
</audio>
$(function(){
$("#audio")[0].play()
})
</body>
</html>
建议重新卸载该浏览器，该浏览器的版本不支持视频播放。因为Not Found请求的内容是脚本出问题，所以无法将静态文件处理程序进行处理。
拓展回答：
IPhone常见故障：
iPhone app store全是英文。
解决方法：进入设置app store登录你账号，之后会自动眺跃到中国页面。
手机死机或者黑屏但来电还有声音。
解决方法：开机键和home键同时按十秒。开机键和音量下键同时按十秒，重启就好了。
手机插上耳机才可以打电话或者外放才可以听到声音，听筒没音。
解决方法：按下音量键，如果是耳机模式说明耳机有水进入，吹风机对看吹下或者纸巾导入擦下 。
信号经常就2格左右。
解决方法：4g信号一般都不是很强.在信号塔附近不解释，关掉4g—般满格、但只要不影晌接电话一般无视。
充电显示此配件不适合。
解决方法：换根线，也有可能尾插脏了接触不好。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）