DOMException: play() failed because the user didn‘t interact with the document first.

spencer_tseng

已于 2024-02-05 21:15:14 修改

阅读量647

点赞数 3

分类专栏： js-flex 文章标签： html audio

于 2024-02-01 23:50:47 首次发布

本文链接：https://blog.csdn.net/spencer_tseng/article/details/135984135

版权

js-flex 专栏收录该内容

99 篇文章 0 订阅

订阅专栏

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	//http://127.0.0.1:7070/PrjJsp/html5-audio/audio.html
	//http://192.168.1.4:7070/PrjJsp/html5-audio/audio.html
	function init()
	{
		var audio = document.getElementById('music1');
		audio.play();


		setTimeout(() => {
			audio.pause()
		  audio.load()
		}, 10);
	}
</script>
</head>
<body onload="init()">
	<audio id="music1" controls="controls" autoplay="autoplay" preload
		id="music1" hidden>
		<source src="BecauseofYou.mp3" />
	</audio>
	<!--这里是音乐-->
	<img id="btn" class="active" src="music.png" alt="" />
</body>
</html>

NotAllowedError: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

用户没有交互就不给自动播放。

浏览器也没有地方设置允许不进行交互的自动播放。