Video.js .src() Funktion nicht erkannt

Question

Hier ist ein Teil meines Codes:

var myPlayer = document.getElementById("example_video_1");
        if (content=="play()") {
                $('title').html("Bildschirm:"+content);
            myPlayer.play();
        }
        if (content=="pause()") {
                $('title').html("Bildschirm:"+content);
            myPlayer.pause();
        }
        if (content.indexOf("src(")!=-1) {
            var videoMP4 = content.replace("src(","").replace(")","");
            myPlayer.src({type: "video/mp4", src:videoMP4});
            // {type: "video/webm", src:videoMP4.replace(".mp4", ".webm")},
            //  {type: "video/ogg", src:videoMP4.replace(".mp4", ".ogv")}
            // ]
            myPlayer.play();
        }

die pause-Funktion und die play-Funktion funktionieren wie erwartet. Aber aus irgendeinem Grund erhalte ich einen Fehler in meiner Konsole, wenn der Code

myPlayer.src({type: "video/mp4", src:videoMP4}); 

erreicht wird:

Uncaught TypeError: Eigenschaft 'src' des Objekts # ist keine Funktion 

Irgendwelche Ideen, warum das passiert?

Answer 1

var myPlayer = document.getElementById("example_video_1");

gibt ein standardmäßiges HTML video Element zurück. Du musst verwenden:

var myPlayer = _V_("example_video_1");

um das VideoJS Objekt zu erhalten.

Answer 2

Ändern Sie die Quelle und den Typ wie folgt:

myPlayer.setAttribute("src", videoMP4);
myPlayer.setAttribute("type", "video/mp4");
myPlayer.load();  # Erzwingen Sie das Aktualisieren des Videos...

Answer 3

Src ist ein "DOMString", keine Funktion.

Siehe https://developer.mozilla.org/en-US/docs/DOM/HTMLMediaElement

Spiegelt das src-HTML-Attribut wider, das die URL einer Mediendatei enthält, die verwendet werden soll. Gecko implementiert eine ähnliche Funktionalität für Streams: mozSrcObject.

myPlayer.src = videoMP4;

Wenn Sie mehrere (typisierte) Quellen angeben möchten, müssen Sie DOM-Elemente als Kinder von myPlayer erstellen.