Question

为什么这个例子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上。

Answer 1

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

在IE9中，因为该页面不是格式正确的HTML文档，其中包含DOCTYPE，<html>，<head>和<body>元素。不是正确的HTML文档会触发怪癖模式。

Answer 2

看看this website。

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

为什么这个<audio>示例在某些浏览器上失败？</audio>

2 个答案: