html - 音频标签 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>

（资源）

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

Answer 2

尝试这个：

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

Answer 3

这是你的 CSS。

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