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

Question

我的目标是用MediaElement.js在ie8中播放音频。应该使用MediaElement.jsFlash回退。

我使用的代码与下面显示的代码类似。它适用于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中。