jquery - MediaElement.js - 如何设置音频的 Flash 回退？

Question

我的目标是使用 MediaElement.js 在 ie8 中播放音频。应使用 MediaElement.js Flash 后备。

我使用的代码类似于下面所示的代码。它适用于 Chrome 和 ie9，但不适用于 ie8。音频控件应在的位置出现黑条，但看不到任何控件。

如果下面代码中的某些元素是正确的，我不知道。例如，我不确定是否应该将对象选项卡放置在音频标签内。

如何让 Flash 回退正常工作？

These three lines are inside the head tag:
<script src="path/to/jquery.js"></script>
<script src="path/to/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" type="text/css" href="path/to/mediaelementplayer.css">


<audio id="player1" type="audio/mp3" controls="controls" src="absolute path/to/song.mp3">

    <source src="path/to/song.ogg"></source>

    <object width="400" height="30" type="application/x-shockwave-flash" data="absolute path/to/flashmediaelement.swf">
        <param name="movie" value="absolute path/to/flashmediaelement.swf" />
        <param name="flashvars" value="controls=true&file=absolute path/to/song.mp3" />
    </object>

</audio>

<script>
$(document).ready(function(){
    $('audio').mediaelementplayer();
});
</script>

Answer 1

我知道这是一个迟到的答案，但我想无论如何我都会做出贡献，因为我刚刚遇到了类似的问题，其他人可能会发现这个答案很有帮助。

你的代码对我来说看起来有点臃肿，一个更简单的解决方案是:

<audio controls="control" preload="none">
    <source id="mp3_src" src="music.mp3" type="audio/mp3">      
    <source id="ogg_src" src="music.ogg" type="audio/ogg">
</audio>

确保 mp3 文件列在 ogg 文件之前，否则当 Flash 后备启动时，您只会看到一个下载文件框。 - 无论如何，在 IE9 中。