如何爲html5音頻標籤實現閃回回退?比如我有這個音頻標籤Html5音頻標籤閃回
<div class = "div.jp-audio"><audio class ="audio-player" name= "audio-player" src="song.mp3" ></audio></div>
如何啓用或創建一個閃回退,因爲不是所有的瀏覽器都支持.mp3文件
如何爲html5音頻標籤實現閃回回退?比如我有這個音頻標籤Html5音頻標籤閃回
<div class = "div.jp-audio"><audio class ="audio-player" name= "audio-player" src="song.mp3" ></audio></div>
如何啓用或創建一個閃回退,因爲不是所有的瀏覽器都支持.mp3文件
這裏是有一個很好的實現閃存回調了良好的代碼片段:
<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>
這是我在哪裏的裁判nd it: Getting HTML5 Audio Tag and Flash Fallback to Work Nicely With All Browsers
希望它有助於!
這裏是一個live example使用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"); }
只是一個例子,它提供了庫所需的全部代碼:http://pastebin.com/UueXh3SE – Stano 2013-06-22 19:51:08