HTML5新增了video元素和audio元素,替代了传统HTML4使用复杂的object元素与embed来播放视频或者音频的方法。这次的一个项目,产品经理要求手机加载开始时播放音乐,想到播放音乐,又是在ios和android平台,那audio元素必然是首选。
一般使用方法:
<audio src="a.mp3" controls="controls" loop="loop" autoplay="autoplay">亲 您的浏览器不支持html5的audio标签</audio>
如上代码却不能在android,ios上自动播放,原因是android,ios浏览器权限,只需要在上面安装有权限的浏览器才能播放,如QQ浏览器,UC浏览器。
html audio使用总结
1.audio元素的autoplay属性在ios和andriod上无法使用的,在PC端上正常
2.audio元素没有设置controls时,在ios和android上会占据空间大小,而在PC端chrome是不会占据任何空间