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是不會占據任何空間