我尝试在 w3school 示例中向播放器添加自动播放功能:https : //www.w3schools.com/tags/att_audio_autoplay.asp
我所做的是将示例中的代码复制粘贴到此服务器的索引文件中,删除 ogg 播放器,在与索引文件相同的位置添加一个 mp3 文件,并确保 mp3 文件的名称与中的名称匹配源标签。
为了透明起见,这是代码:
let x = document.getElementById("myAudio");
var test_autoplay = document.getElementById("myAudio").autoplay;
console.log('autoplaying: ', test_autoplay);Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>
<body>
<h1>The audio autoplay attribute</h1>
<p>Click on the play button to play a sound:</p>
<audio id="myAudio" controls autoplay>
<source src="elrio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>Run Code Online (Sandbox Code Playgroud)
这应该是一件非常简单的事情。但是,在移动设备中它不起作用。我必须单击按钮才能播放音频。在桌面设备中,有时它会在页面加载后立即播放,有时则不会。
我检查了控制台错误,没有。网络选项卡也没有显示任何错误。
我尝试使用 javascript 打印自动播放属性,如下所示:
<script>
let x = document.getElementById("myAudio");
var test_autoplay = document.getElementById("myAudio").autoplay;
console.log('autoplaying: ', …Run Code Online (Sandbox Code Playgroud)