MediaElement.js 带音频标签的 Flash 回退

Question

我想实现一个带有 Flash 后备功能的音频标签。该网站上没有示例，我不确定如何去做。我有一个 MP3，我想播放，它在 Webkit 浏览器上工作正常，正如预期的那样，但它不能在 Firefox 和 IE 上工作。

我尝试通过使用示例中的 Flash 回退来模拟视频元素来实现类似的操作。

<audio id="audio-bloop" controls="controls">
  <source src="audio/digital-boop.mp3" type="audio/mp3" />
  <!-- Flash Fallback -->
  <object width="640" height="360" type="application/x-shockwave-flash" data="flashmediaelement.swf">
      <param name="audio" value="videos/build/flashmediaelement.swf" />
      <param id="flashvars-param" name="flashvars" value="controls=falseg&file=audio/digital-boop.mp3" />
  </object>
</audio>

然而，这是行不通的。如何使用 MediaElement.js 为音频标签提供 Flash 后备支持？

编辑：

在查看 MediaElement.js 主页上的源代码后，我尝试了此操作：

<audio id="audio-bloop" controls="false" preload="auto" src="audio/digital-boop.mp3" type="audio/mp3"></audio>

加上此：

audioPlayer = new MediaElementPlayer("#audio-bloop", {
        pluginPath: '../videos/build/',
        // name of flash file
        flashName: 'flashmediaelement.swf',
       // name of silverlight file
       silverlightName: 'silverlightmediaelement.xap'
});

但仍然没有成功。同样，该视频在 IE9、Safari 和 Google Chrome 中运行良好，但在 IE6-7 或 Firefox 和 Opera 中则无法运行。

编辑：我无法让 Flash 回退工作，所以目前我使用另一个源标签来添加文件的 .wav 格式。

Answer 1

当我使用 Media Element JS（版本 2.9.3）时，这就是我对 Audio 元素所做的，它适用于 IE 8+、Firefox、Safari、Chrome 的最新版本（截至撰写本文时）。

JS

<script type="text/javascript" src="/path/media-element/mediaelement-and-player.min.js"></script>

$(document).ready(function() {
    $('audio,video').mediaelementplayer();  
});

HTML

<audio id="player2" src="path.mp3" type="audio/mp3" controls></audio>

CSS

<link rel="stylesheet" type="text/css" media="screen" href="/path/media-element/mediaelementplayer.css" />

如果 HTML 5 不是支持Flash后备自动加载。