HTML5 Audio 在 iOS Safari 浏览器上的问题

最新推荐文章于 2022-04-02 10:03:48 发布

办公室农民

最新推荐文章于 2022-04-02 10:03:48 发布

阅读量5.3k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_22564293/article/details/79898008

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML5 audio 标签在IOS上多个属性无法生效，声音无法播放

测试例子 html5 audio标签在ios 浏览器

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	
	<audio id="ringtone" loop="loop" src="sounds/ringtone.wav"></audio>

</body>
</html>
<script>
	function audioAutoPlay(id){
		var audio = document.getElementById(id),  
		    play = function(){  
		        audio.play();  
		        document.removeEventListener("touchstart",play, false);  
		    };  
		audio.play();  
		document.addEventListener("WeixinJSBridgeReady", function () {  
		    play();  
		}, false);  
		document.addEventListener('YixinJSBridgeReady', function() {  
		    play();  
		}, false);  
		document.addEventListener("touchstart",play, false);  
	}
	audioAutoPlay('ringtone'); 
</script>