Html5音频标签闪回

前端之家收集整理的这篇文章主要介绍了Html5音频标签闪回前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何实现html5音频标签的闪回后备?例如,我有这个音频标签
<div class = "div.jp-audio"><audio  class ="audio-player" name= "audio-player" src="song.mp3" ></audio></div>

如何启用或创建闪回功能,因为并非所有浏览器都支持.mp3文件

解决方法

这是一个很好的代码片段,它有一个很好实现的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

希望能帮助到你!

原文链接:https://www.f2er.com/html5/168850.html

猜你在找的HTML5相关文章