2 Stimmen

MediaElement.js - Wie richtet man Flash Fallback für Audio ein?

Mein Ziel ist es, Audio in ie8 mit MediaElement.js zu spielen. Die MediaElement.js Flash Fallback sollte verwendet werden.

Ich verwende einen ähnlichen Code wie den unten gezeigten. Es funktioniert in Chrome und IE9, aber nicht in IE8. Ein schwarzer Balken erscheint, wo die Audio-Steuerelemente sein sollte, aber keine Steuerelemente sichtbar sind.

Ich bin mir nicht sicher, ob einige der Elemente im folgenden Code korrekt sind. Zum Beispiel bin ich nicht sicher, ob ich die Objektregisterkarte innerhalb des Audio-Tags platzieren sollte.

Wie kann ich das Flash-Fallback zum Laufen bringen?

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>

0voto

David Healey Punkte 566

Ich weiß, dass dies eine späte Antwort ist, aber ich dachte, ich würde trotzdem einen Beitrag leisten, da ich gerade auf ein ähnliches Problem gestoßen bin und andere diese Antwort vielleicht hilfreich finden.

Ihr Code sieht für mich ein wenig aufgebläht aus, eine einfachere Lösung wäre also:

<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>

Vergewissern Sie sich, dass die mp3-Datei vor der ogg-Datei aufgelistet ist, da sonst nur eine Download-Datei-Box angezeigt wird, wenn der Flash-Fallback aktiviert werden soll. - im IE9 sowieso.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X