Html5 tag audio flash fall back

Question

W jaki sposób zaimplementujesz flashbackback dla tagu audio HTML5? na przykład mam ten tag dźwięku

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

Jak włączyć lub utwórz błysk spaść z powrotem, ponieważ nie wszystkie przeglądarki obsługują pliki .mp3

Answer 1

Oto dobry fragment kodu, który ma ładnie realizowanych zwrotnego zapłonu:

<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> 

Tutaj jest ref, gdzie ja jestem i to: Getting HTML5 Audio Tag and Flash Fallback to Work Nicely With All Browsers

Mam nadzieję, że pomoże!

Answer 2

Oto live example użyciu swfobject & JS.

W HTML:

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

W 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"); }