html 音频标签GUI不可见

mrwjdhj3 于 2022-11-27 发布在其他

关注(0)|答案(4)|浏览(155)

我已经在页面上包含了音频标记

<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>

我想知道为什么会这样？

Html

来源：https://stackoverflow.com/questions/11968309/audio-tag-gui-not-visible

4条答案

按热度按时间

bwleehnv1#

据我所知，src是audio中的一个元素，而不是一个属性。

<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)

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

赞(0）回复(0）举报 2022-11-27

6ojccjat2#

试试这个：

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

赞(0）回复(0）举报 2022-11-27

sg24os4d3#

这是你的CSS。

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

赞(0）回复(0）举报 2022-11-27

6ovsh4lw4#

我试着用数字 Package 音频标签。我也遇到了同样的问题。然后我去了MDN

<div id="app">
      <figure>
        <figcaption>Listen to the T-Rex:</figcaption>
        <audio
          id="#audio"
          controls
          src="http://jPlayer.org/audio/mp3/Miaow-07-Bubble.mp3"
        >
          <a href="/media/cc0-audio/t-rex-roar.mp3"> Download audio </a>
        </audio>
      </figure>
    </div>

赞(0）回复(0）举报 2022-11-27

我来回答

html 音频标签GUI不可见

4条答案

相关问题

热门标签

最新问答