HTML：音频标签显示视频在Internet Explorer

我有这样的代码嵌入在Internet Explorer上的音频文件11HTML：音频标签显示视频在Internet Explorer

<audio controls> 
     <source src="Nature.mp3" type="audio/mpeg"/> 
     <embed src="Nature.mp3" type="audio/mpeg"> 
    </audio>

音频工作正常，但Internet Explorer的11具备上述的音频黑盒子。我假设它代表从音频文件加载的视频，但我没有放入视频。我只需要没有视频盒的音频。我怎么做？

当我运行这个使用IE 11时，我看到了黑盒子，但它在音频控制器后面，我无法看到音频上方的黑框。这是w3中的示例https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_audio这是你所看到的吗？ – DHLopez

@DHLopez我看到了，但我不知道如何复制 –

这很难说，我脑海中出现的几个选项是按F12并验证控制台选项卡没有显示任何错误，请转到网络，单击播放并刷新页面（只是为了确认IE没有问题来加载文件），最后验证是不是一些CSS或安排的问题，使它看起来很奇怪只有在IE浏览器，标签看起来对我来说（除了有 – DHLopez

<meta http-equiv="X-UA-Compatible" content="IE=edge">.

在head标记中使用此代码。基本上这meta标记告诉浏览器在Internet Explorer中呈现媒体的最新版本。 This question很有帮助。

2017-09-15 16:53:34

这是修复：

<meta http-equiv="X-UA-Compatible" content="IE=edge">.

我不知道为什么它的工作原理，但它确实。它也不在W3School的例子中。

2017-09-14 16:22:27

将此解决方案添加到此答案中，以便将来的人员可能会看到它，很好的接收！ – DHLopez

@DHLopez我添加了答案。我格式化它的方式没有注册。 –

''标记不需要或使用结束斜线。 – Rob

回答