具有多个来源的 HTML5 音频标签答案

【问题标题】：HTML5 Audio Tag with Multiple Sources具有多个来源的 HTML5 音频标签
【发布时间】：2015-01-07 16:09:59
【问题描述】：

我有两个关于 HTML5 音频标签的问题。考虑以下 sn-p：

<!DOCTYPE html>
<html>
<body>
<a href="#">woot</a>
<audio controls >

  <source src="\path\acdc.ogg" type="audio/ogg">
  <source src="\path\file.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>

</body>

</html>

如果您正在查看页面的浏览器支持第一个来源标签中的媒体类型，它是否总是选择第一个来源？我在Chrome和acdc.oggplayed中打开了sn-p，在IE中（不支持关闭，file.mp3播放）
浏览器如何决定是否可以播放文件？它只是简单地查看type 属性，还是它们足够聪明地获取文件并查看它们是否可以播放？

我正在考虑文件实际上是 mp3 的实例，但源 type 属性说它是 ogg。

【问题讨论】：

相关：diveintohtml5.info/everything.html 和 html5doctor.com/html5-audio-the-state-of-play

标签： html audio html5-audio

【解决方案1】：

看看这里：https://html.spec.whatwg.org/multipage/embedded-content.html#the-source-element

基本上，浏览器会选择它可以支持的第一种类型。同样重要的是要知道，不仅source 元素上的type 属性是必需的，而且文件本身也应该从具有正确content-type 标题的服务器发送。

【讨论】：