js控制点击重置音乐播放

最新推荐文章于 2023-10-31 23:31:56 发布

东都花神

最新推荐文章于 2023-10-31 23:31:56 发布

阅读量4.7k

点赞数 3

本文链接：https://blog.csdn.net/qq_33988065/article/details/54613479

版权

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Document</title>
</head>
<body>
	<audio autoplay="false" controls="controls" src="http://dl.stream.qqmusic.qq.com/C400001Qu4I30eVFYb.m4a?vkey=02F49A3F5F56BFF6891783DFA65806EA478BFE0F23C3BFBC69F9B322C46FC341CD3E266FFBEF112AF08F84A43B1BCCEDBFC9BCC490563A66&guid=1052091849&fromtag=30"></audio>
	<button>button</button>
	<script type="text/javascript">
		var btn = document.querySelector("button")
		btn.onclick = function() {
			playAudio();
		}

		function playAudio() {
			var audio = document.querySelector("audio"),
				audioSrc = audio.src,
				playStatus = false;
			if(playStatus) {
				audio.pause();
				audio.src = '';
			} else {
				audio.src = audioSrc;
				console.log(audioSrc);
				audio.play();
			}
		}
	</script>
</body>
</html>