flash - Html5 オーディオ タグ フラッシュ フォールバック

Question

HTML5オーディオタグのフラッシュフォールバックをどのように実装しますか? たとえば、私はこのオーディオタグを持っています

<div class = "div.jp-audio"><audio  class ="audio-player" name= "audio-player" src="song.mp3" ></audio></div>

すべてのブラウザが .mp3 ファイルをサポートしているわけではないため、Flash フォールバックを有効または作成するにはどうすればよいですか

Answer 1

以下は、適切に実装された Flash コールバックを含む優れたコード スニペットです。

<audio id="audioplayer" preload controls loop style="width:424px;">
    <source src="audio.mp3">
    <source src="audio.caf">
</audio>
<script type="text/javascript">
    var audioTag = document.createElement('audio');
    if (!(!!(audioTag.canPlayType) && ("no" != audioTag.canPlayType("audio/mpeg")) && ("" != audioTag.canPlayType("audio/mpeg")))) {
        AudioPlayer.embed("audioplayer", {soundFile: "audio.mp3"});
    }
</script>

私が見つけた参考文献は次のとおりです 。Getting HTML5 Audio Tag and Flash Fallback to Work Nicely With All Browsers

それが役に立てば幸い！

Answer 2

これは、swfobjectとJSを使用した実際の例です。

HTMLの場合：

<div id="ytplayer"></div>​

JSの場合：

var audioSupport = document.createElement('audio').canPlayType;

var swfPath = "http://www.youtube.com/v/XSGBVzeBUbk?enablejsapi=1&playerapiid=ytplayer&version=3";

var divID = "ytplayer";

if(audioSupport) { $("#ytplayer").append("Your Browser Supports audio"); }

else { swfobject.embedSWF(swfPath, divID, "425", "356", "8"); }