AUDIOタグでソースが無効な場合のデフォルトへのフォールバック

Question

基本的なオーディオエレメントがあります。 1つのmp3ソースがあるとします。私はFirefoxを使用しています。ブラウザはオーディオタグを見て、好きなようにコントロールを配置しますが、ソースは好きではないので、オーディオは読み込まれませんが、ブラウザーが表示しないデフォルトの項目は無視されます。

悲しいことに、悲しいことに、実際には、ブラウザは、非動作のオーディオコントロールを表示するのではなく、その時点でデフォルトのアイテムを実際に表示することを望んでいます（mp3をダウンロードするリンク）。 AudioElement.stuffThatsNotSRCが存在しないので、どうやってこれを行うのですか？

これは、networkStateを調べるonLoadを起動するcheckSources（）を持っています.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