我有两个关于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>
如果您正在查看该页面的浏览器支持第一个源标记中的媒体类型,它是否始终选择第一个源?我在Chrome和acdc.oggplay中打开了片段,在IE中(不支持关闭,播放了file.mp3)
如何判断浏览器是否可以播放该文件?它是否只是查看type
属性,或者它们是否足够聪明以获取文件并查看它们是否可以播放?
我正在考虑文件实际上是mp3的实例,但源type
属性表示它是ogg。
答案 0 :(得分:1)
看看这里:https://html.spec.whatwg.org/multipage/embedded-content.html#the-source-element
基本上,浏览器会选择它可以支持的第一种类型。同样重要的是要知道,不仅需要type
元素上的source
属性,而且文件本身应该从具有正确content-type
标题的服务器发送。