音频标签在 IE9 中不起作用答案

【问题标题】：audio tag not working in IE9音频标签在 IE9 中不起作用
【发布时间】：2011-11-13 14:15:22
【问题描述】：

我正在尝试使用音频标签。

下面的文件在谷歌浏览器中可以工作，但在 IE9 中不行。我总是收到“不支持音频标签”。我也尝试过 wav、flac、wma --> 相同的结果。

我怀疑兼容模式可能存在一些问题，但我找不到在哪里更改它。

有人可以帮忙吗？亲切的问候乔治

<html>
  <head>
  </head>
  <body>
    <audio controls="controls" src="c:\concerto.mp3" >
       audio tag not supported.
    </audio>            
  </body>
</html>

【问题讨论】：

在IE9 F12开发者工具中，页面被列为运行在什么文档模式下？（此外，您不应该那样使用本地文件路径；请改用 file:///c:/concerto.mp3）

标签： html internet-explorer-9 html5-audio

【解决方案1】：

如果您将完整路径作为 URL "file://c:/concert.mp3" 或仅文件名 "concert.mp3" 如果文件与 html 位于同一文件夹中，则 IE 将在您的 PC 中播放文件文件。 Firefox 还需要其他文件夹中文件的完整路径，而 Chrome 似乎会添加“file://”，如果它不在 URL 中。如果您想使用播放位于其他文件夹中的本地文件，这是一个问题。 FileAPI 不允许您查找文件的路径。

【讨论】：

【解决方案2】：

如果“音频”在 chrome、safari 等中工作，但在 IE 中不工作，请检查您的元标记。我有一个提到 IE8，它阻止了“音频”的运行。直到我发现灯亮的问题之前，这非常令人沮丧。

【讨论】：

【解决方案3】：

将 HTML5 文档类型添加到页面，它应该会在 IE9 中触发标准模式。您还应该向make the document valid 添加一个标题元素：

<!DOCTYPE html>
<html>
  <head>
    <title>Add a title</title>
  </head>
  <body>
    <audio controls="controls" src="c:\concerto.mp3" >
       audio tag not supported.
    </audio>            
  </body>
</html>

如果您仍然遇到问题，请尝试将此元标记添加到头部：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

【讨论】：

<!DOCTYPE html> 使文档变成 HTML5
@Eonasdan 在哪里？在浏览器中？不，浏览器不区分“HTML4”和“HTML5”文档，只是区分不同数量的呈现模式（标准和怪癖模式是最重要的）。如果您要添加 HTML 4.01 Strict doctype，<audio> 也可以在 IE9 中使用。
实际上浏览器 DO 区分 4 和 5。这就是 doctype 更改的原因。见diveintohtml5.org/semantics.html
@Eonasdan HTML5 文档类型是在所有浏览器中触发标准模式的最短字符串，几乎任何其他文档类型都以相同的方式触发标准模式。 HTML4 doctype 将在 IE9 中启用 audio 元素，就像 HTML5 doctype 一样，但是为什么还要麻烦所有额外的输入呢？
谢谢，DOCTYPE 是解决方案！