在IE9中音频标签无法正常工作

8

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

以下文件可以在Google Chrome中正常工作,但在IE9中无法工作。我一直得到“不支持音频标签”的提示。我还尝试了wav、flac、wma格式——结果相同。

我怀疑可能与兼容性模式有关,但我找不到在哪里更改。有人能帮忙吗?

谢谢! Georg

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

1
在IE9 F12开发人员工具中,该页面以哪种文档模式运行?(此外,不应以那种方式使用本地文件路径;改用file:///c:/concerto.mp3) - EricLaw
3个回答

17

在页面中添加HTML5文档类型即可触发IE9的标准模式。您还应该添加一个标题元素使文档有效


<!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
1
@Eonasdan 在哪里?在浏览器中吗?不,浏览器不区分“HTML4”和“HTML5”文档,只区分各种呈现模式(标准模式和怪异模式是最重要的)。如果您添加HTML 4.01 Strict doctype,则<audio>也可以在IE9中工作。 - duri
2
实际上,浏览器确实区分4和5。这就是为什么文档类型声明发生了变化。请参见http://diveintohtml5.org/semantics.html。 - Eonasdan
@Eonasdan HTML5 doctype是在所有浏览器中触发标准模式的最短字符串,几乎任何其他doctype都可以以完全相同的方式触发标准模式。HTML4 doctype将启用IE9中的“音频”元素,就像HTML5 doctype一样,但为什么要麻烦地输入所有额外的内容呢? - robertc
谢谢,DOCTYPE 就是解决方案! - user872744

0
如果在Chrome、Safari等浏览器中“音频”正常工作,但在IE中不正常,请检查您的元标记。我曾经有一个元标记引用了IE8,导致“音频”无法正常工作。直到我找到问题所在,这一点非常令人沮丧。但是当我找到问题所在时,灯泡就亮了。

0

如果您将完整路径作为URL“file://c:/concert.mp3”或仅文件名“concert.mp3”(如果文件与HTML文件在同一文件夹中)提供,则IE可以在您的PC上播放文件。 Firefox对于其他文件夹中的文件也需要完整路径,而Chrome似乎会在URL中添加“file://”,如果不在URL中则会出现问题。如果要播放其他文件夹中的本地文件,则这是一个问题。 FileAPI不允许您查找文件的路径。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接