音频标签后面的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>