html - 如何自动播放有声音乐

Question

<video controls autostart muted>
    <source src="music/1.mp3" type="audio/mp3">
</video>

我试过嵌入，但它不能自动播放。

标签： htmlcssvideomp3

Answer 1

您可以使用autoplay属性来做到这一点，例如w3schools：

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

Mozilla对自动播放属性的说明：

注意：自动播放音频（或带有音轨的视频）的网站可能会给用户带来不愉快的体验，因此应尽可能避免使用。如果您必须提供自动播放功能，您应该选择加入（要求用户专门启用它）。但是，这在创建媒体元素时会很有用，这些元素的来源将在以后在用户控制下设置。有关如何正确使用自动播放的更多信息，请参阅我们的自动播放指南。