【问题标题】: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">
      

      【讨论】:

      • &lt;!DOCTYPE html&gt; 使文档变成 HTML5
      • @Eonasdan 在哪里?在浏览器中?不,浏览器不区分“HTML4”和“HTML5”文档,只是区分不同数量的呈现模式(标准和怪癖模式是最重要的)。如果您要添加 HTML 4.01 Strict doctype,&lt;audio&gt; 也可以在 IE9 中使用。
      • 实际上浏览器 DO 区分 4 和 5。这就是 doctype 更改的原因。见diveintohtml5.org/semantics.html
      • @Eonasdan HTML5 文档类型是在所有浏览器中触发标准模式的最短字符串,几乎任何其他文档类型都以相同的方式触发标准模式。 HTML4 doctype 将在 IE9 中启用 audio 元素,就像 HTML5 doctype 一样,但是为什么还要麻烦所有额外的输入呢?
      • 谢谢,DOCTYPE 是解决方案!
      猜你喜欢
      • 1970-01-01
      • 2012-08-21
      • 1970-01-01
      • 2013-07-27
      • 2011-02-21
      • 2012-10-24
      • 2013-06-06
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多