音频标记GUI不可见

Question

我已经将页面上的音频标记包括为

<audio src='a.mp3' preload='auto'>
</audio>

但是它不工作，我在页面上看不到任何东西。

但是当我将audiojs包含为

  <script src="/static/js/audiojs/audio.min.js"></script>
  <script>
    audiojs.events.ready(function() {
      var as = audiojs.createAll();
    });

  </script>

我想知道为什么会这样呢？

Answer 1

据我所知，src是音频中的一个元素，而不是一个属性。因此，您的代码应该如下所示：

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

(Source)

编辑： src也可以是一个属性，所以这不是你的问题。为了让浏览器显示任何音频内容，您需要"controls“属性。但是，如果你不想要默认的控件，可以添加html按钮，并用JavaScript控制音频的开始/停止等。

Answer 2

试试这个：

<audio src='a.mp3' controls preload='auto'>
</audio>

Answer 3

这是你的CSS。

    audio{
        min-width: 400px;
        height: auto;
        object-fit: inherit;
    }