H5 中audio标签 对iphone 不支持autoplay的解决办法。

1,251 views

用H5写一个播放器时,PC端播放正常。但在MOBILE里时,不能自动播放。添加如下代码,解决了可以触摸屏幕便播放的问题,

var audio=document.createElement(‘audio’);
audio.src=’aaa.mp3′;
window.addEventListener(‘touchstart’, function(){
audio.play();
}, false);

但是,还是需要在屏幕上点一下,或者触摸一下,才能激发事件。不知道有没有其他更好的解决办法。

但这又延伸一个问题,如果用户不想听背景音乐。那么,当关闭背景音乐的时候。如果再点一下屏幕,就会再次触发音乐播放事件。解决办法。就是当touch事件执行时,就清除屏幕事件。

var func = function(){
audio.play();
window.removeEventListener(‘touchstart’, func,false)
}
window.addEventListener(‘touchstart’, func, false);

 

 

 

如果您觉得这篇文章对您有帮助,欢迎继续关注本站!!!我要赞助本站>>>

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注