Question

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

我使用的代码类似于下面显示的代码。它适用于Chrome和ie9，但不适用于ie8。音频控件应显示在黑色条上，但不显示任何控件。

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

如何让闪回后备工作？

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文件之前列出，否则你只需要获得一个下载文件框就可以启动闪回后备文件了。 - 无论如何都要在IE9中。

MediaElement.js - 如何为音频设置Flash后备？

1 个答案: