为什么HTML音频自动播放不起作用

时间:2018-06-26 10:49:59

标签: javascript html

这是错误的还是什么?请帮我。我正在编码一个网站,但是它不起作用。我使用Google chrome。是否存在兼容性问题?

<audio autoplay id="myaudio" allow="autoplay">
<source src="http://soundbible.com/mp3/Fuse Burning-SoundBible.com-1372982430.mp3.mp3" type="audio/mpeg">
</audio>
<script> document.getElementById('myaudio').play(); </script>

2 个答案:

答案 0 :(得分:2)

看起来像您的URL中的URL不起作用。删除一个.mp3文件,它应该可以为您工作。

<audio autoplay id="myaudio" allow="autoplay">
<source src="http://soundbible.com/mp3/Fuse Burning-SoundBible.com-1372982430.mp3" type="audio/mpeg">
</audio>
<script> document.getElementById('myaudio').play(); </script>

答案 1 :(得分:2)

如果您在运行您的代码段的浏览器上查看控制台,您将看到以下错误:

Failed to load resource: the server responded with a status of 404 (Not Found)

404错误表明客户端能够与给定服务器通信,但是服务器找不到请求的内容。

在您的情况下,服务器找不到指定的mp3文件。查看您拥有的代码以及url中额外的.mp3,以便删除该代码将解决您的问题。

<audio autoplay id="myaudio" allow="autoplay">
<source src="http://soundbible.com/mp3/Fuse Burning-SoundBible.com-1372982430.mp3" type="audio/mpeg">
</audio>
<script> document.getElementById('myaudio').play(); </script>