我有以下HTML代码：
1
1319<div id="word">word</div>
<audio id="player">
<source id="source" src"sound.ogg" type="audio/ogg" />
</audio>
以及以下JavaScript/jQuery代码：
$('#word').mouseenter(function()
{
var audio = $("#player")[0];
audio.load();
audio.play();
});
在我的浏览器上，这段代码只有在我点击文档后才能工作。否则，它不起作用，并且在JavaScript控制台中会出现以下错误：
未捕获（承诺中）DOMException：不允许播放方法 当前上下文中的用户代理或平台，可能 因为用户拒绝了权限。
以及以下警告：
只有当用户接受时才允许自动播放， 用户已与网站进行交互或媒体文件已设置音量 归零。
如果我将音量设置为零，我会得到以下错误：
未捕获（承诺中）DOMException：媒体的获取过程 用户代理根据用户的请求中止了资源。
我在Chrome和Firefox上都尝试过。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
<div id="word" style="font-size: 30px; margin-bottom: 200px; ">word</div> <audio id="player" controls preload="auto"> <source src="audio/beep.mp3" controls></source> <source src="audio/beep.ogg" controls></source> </audio> <script> var player = $("#player")[0]; $("#word").mouseenter(function() { player.play(); }); </script>