Ersatz von Medien-Quelle (http über rtmp) in MediaElementsJS basierend auf browser-Funktionen

Erste von allen, in Fall John Dyer ist dies Lesen, vielen Dank für Ihren player, es ist fantastisch! 🙂

Und jetzt zu meinem problem. Ich bin versucht, ein MP4-video mit HTML5 (iPad, iPhone, Android -, Chrome-Desktop) mit fallback zu Flash (Firefox, IE, Opera). MediaElementJS dies tut, OK, out-of-the-box, außer für die HTML5-Lösung ermöglicht es zufällig springen in dem video über HTTP, während der Flash-fallback macht den browser zum download der gesamten Datei vor der Wiedergabe.

Weil das so ist, will ich mit rtmp statt http als Flash-fallback genutzt wird (neben einem konventionellen webserver haben wir eine Flash-Media-Server bereit zu dienen die videos), also würde ich gerne ändern Sie die Quelle in diesen Fällen. Aber ich weiß nicht, ob und wie MediaElementJS kann mir sagen, ob Flash verwendet werden soll. Ich hab das versucht:

<video autoplay controls width="800" height="600" id="video-tag" preload="auto">
  <source id="media-source-mp4" type="video/mp4" src="http://localhost/video1.mp4" />
  <object width="800" height="600" type="application/x-shockwave-flash" data="js/flashmediaelement.swf">
    <param name="movie" value="js/flashmediaelement.swf" />
    <param name="flashvars" value="controls=true&amp;autostart=true&amp;file=rtmp://localhost/video1.mp4" />
  </object>
</video>
<script type="text/javascript">$("#video-tag").mediaelementplayer({
     success: function(media, node, player) {
         if (media.pluginType != 'native') {
             media.setSrc('rtmp://localhost/video1.mp4');
             media.load();
             media.play();
         }
     }
 });</script>

Aber es eindeutig nicht funktioniert. Ich habe durchgestöbert medialement.js code und ich denke, dass die Medien-element stellt pluginType Attribut, aber ich könnte falsch sein. Das <object> oder <embed> - element erstellt, innen - <div class="me-plugin" - > trägt immer noch die http-URL.

Mache ich etwas falsch, oder kann ich nicht einfach zu erreichen, was ich versuche?

InformationsquelleAutor Ricardo Palomares Martínez | 2012-02-02
  1. 4

    Den ich gerade gefunden habe die Antwort auf meine eigene Frage durch Github issue tracker für MediaElementJS:

    https://github.com/johndyer/mediaelement/issues/337

    Der trick ist das hinzufügen von "mp4:" vor dem Namen der media-Datei in der URL. Also, in meinem Beispiel, die letzten Zeilen wäre:

    if (media.pluginType != 'native') {
    media.setSrc('rtmp://localhost/mp4:video1.mp4'); //NOTE the "mp4:" prefix
    media.load();
    media.play();
}

    Es funktioniert für uns, auf dem Flash Media Server 3.5. 🙂

    • was ist, wenn pluginType == 'native'?
    • Native HTML5 nicht unterstützt rtmp, so würden Sie brauchen, um eine andere Quelle.
    InformationsquelleAutor Ricardo Palomares Martínez
Schreibe einen Kommentar