具有多个源的HTML5音频标记

时间:2015-01-07 16:09:59

标签: html5 audio html5-audio

我有两个关于HTML5音频标签的问题。请考虑以下代码段:

<!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>
  1. 如果您正在查看该页面的浏览器支持第一个源标记中的媒体类型,它是否始终选择第一个源?我在Chrome和acdc.oggplay中打开了片段,在IE中(不支持关闭,播放了file.mp3)

  2. 如何判断浏览器是否可以播放该文件?它是否只是查看type属性,或者它们是否足够聪明以获取文件并查看它们是否可以播放?

  3. 我正在考虑文件实际上是mp3的实例,但源type属性表示它是ogg。

1 个答案:

答案 0 :(得分:1)

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

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