html - 音频标签后面的HTML元素未显示

Question

我有以下代码:

    <div>text</div>    

    <input id="audio_file" type="file" accept="audio/*" />
    <audio id="audio_player" />

    <div>text</div>    
  

但是，仅div呈现在音频标签之前而不是之后。我怎样才能解决这个问题？

Answer 1

您需要使用<audio></audio>关闭audio正确性，因为它不是自动关闭标签。

解

<div>text</div>    

<input id="audio_file" type="file" accept="audio/*" />
<audio id="audio_player"></audio>

<div>text</div>

说明

在audio标记内，您可以插入source，track或附加text conent。
如果浏览器不支持音频API，则将显示text content。

<!-- from mdn webdocs -->
<audio controls="controls">
  Your browser does not support the <code>audio</code> element.
  <source src="foo.wav" type="audio/wav">
</audio>