为什么仅在按下“提交”按钮时才能播放虚拟主机播放的html音频

Question

我正在用以下代码编写html代码：

<audio src="/home/user/public_html/copyrighted-music.mp3" hidden autoplay><embed src="/home/user/public_html/copyrighted-music.mp3" width="180" height="90" hidden="true"></audio>

我为那些没有<embed>支持的浏览器但带有或不带有embed标签的人使用了<audio>，尽管我希望音频能够在加载后播放，而不是在按下按钮后播放。 只是更多背景信息：

1. / home / user / public_html /是我与Web主机一起使用的文件的路径
2. 我的虚拟主机是x10托管
3. 我尝试了音频和嵌入参数的不同排列方式，并且结果相同
4. 我还有一个返回顶部的按钮，按下提交按钮后，它会以某种方式停止播放音频
5. 我注意到一旦按下两个按钮中的每个，链接就会改变，所以也许音频喜欢某个链接？
6. 我有一个由javascript控制的欢迎弹出窗口，该弹出窗口在加载后也会生效

再说一次，如何在加载音频后而不是按下提交按钮后播放音频？

Answer 1

我认为您需要学习一些JavaScript来改进代码。 HTML5有一个名为input的标记，您需要使用它并编写一些ECMAScript以便一起使用。 这是我关于音乐的网络代码，我想这可以为您提供示例。

<input type="bottom" value="music" onclick="music()">
<script>

function music() {
    var change_music = document.body.createElement("audio");
    change_music.autoplay = 1;
    change_music.controls = 1;
    change_music.src = "/home/user/public_html/copyrighted-music.mp3";
    document.body.append(music);
    };
</script>

Answer 2

尝试一下：

<audio controls autoplay>
<src="/home/user/public_html/copyrighted-music.mp3" hidden autoplay>
<embed src="/home/user/public_html/copyrighted-music.mp3" width="180" height="90" hidden="true">
</audio>

Answer 3

<audio controls>
 <source src="/home/user/public_html/copyrighted-music.mp3" type="audio/mpeg">
</audio>

您应该特别从w3schools网站上阅读html5中的音频内容。顺便问一句，为什么在地球上使用copyrighted-music.mp3？