1

为什么这个例子http://chrisjj.drivehq.com/test.htm 

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

（来自http://www.w3schools.com/html/html5_audio.asp）在 Firefox 16 和 IE9 上失败？

它在 Chrome V24 上成功。

更新：

<!doctype html>  
<audio controls>
  <source src="horse.ogg" type="application/x-msdownload">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

适用于 IE9，但（尽管http://web-sniffer.net/显示“Content-Type: application/x-msdownload”）不适用于 FF。

4

2 回答 2

3

在 Firefox 中，因为content-type服务器的 HTTP 响应的标horse.ogg头application/x-msdownload不是audio/ogg.

在 IE9 中，因为页面不是带有 、 和 元素的格式良好DOCTYPE的<html>HTML文档<head>。<body>不是正确的 HTML 文档会触发怪癖模式。

于 2013-01-16T23:31:49.757 回答
2

看看这个网站。

如果 IE 9 不接受您应提供的所有内容，您可能必须强制它接受 HTML5 doctype 及其相应的功能，并且从您的页面外观来看，您缺少一个 doctype，这意味着您没有甚至还没有这样做。

于 2013-01-16T23:24:16.757 回答