html - 如果源在 AUDIO 标签中无效，则回退到默认值

Question

所以我有一个基本的音频元素。假设我有一个 mp3 源。我正在使用火狐。浏览器看到音频标签，喜欢它，按指示放置控件，但不喜欢任何源，因此它不加载任何音频，但仍然忽略较小浏览器会显示的默认项目。

遗憾的是，我更希望浏览器在那时实际显示默认项目（比如下载 mp3 的链接），而不是显示不工作的音频控件。既然没有AudioElement.stuffThatsNotSRC，那我们怎么做呢？

所以我要做的是有一个 checkSources() 触发 onLoad 来查看 networkState 如果它找到 0 或 3 然后转到我在音频控件周围的 HTML 跨度并用非源内容替换其内部 HTML那是在音频标签里面。

有一个更好的方法吗？

Answer 1

使用源标签定义多种文件类型。

<audio controls="true">
    <source src="demo.mp3" type="audio/mp3"> 
    <source src="demo.ogg" type="audio/ogg"> 
    <source src="demo.aac" type="audio/mp4"> 
    <!-- If no support at all. -->
    HTML5 audio not supported 
</audio>

http://msdn.microsoft.com/en-us/library/gg589524(v=vs.85).aspx