隐藏音频播放器

Question

我的客户在页面加载时请求了声音。我试图说服她，但她不会拥有它，所以我们在这里。

在每个页面上，我都有以下HTML：

<audio controls autoplay>
  <source src="http://competenowdev.com/petrillo/paper.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

播放声音并显示音频播放器。有没有办法隐藏音频播放器并让它播放声音？

Answer 1

要完成您正在寻找的内容，我只需添加内联样式即可显示：无。

<audio controls autoplay style="display:none">
    <source src="http://competenowdev.com/petrillo/paper.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>

Answer 2

<audio autoplay="true" src="paper.mp3">

CSS看起来像这样：

audio {display:none;}

Answer 3

只需将display:none;添加到音频的CSS中即可。