jQuery AJAX laden und Youtube-API iframe

arbeite ich an einer Webseite. Ich benutze jQuery load AJAX () - Funktion zum dynamischen laden von neuen Inhalten in das content-div. In jedes dieser content-divs befindet sich ein Bild. Wenn Sie auf das Bild klicken, Youtube eingebettete Videos (iframe) sollte anfangen zu spielen. Alles funktioniert so weit, aber es ist eine Sache, die ist irgendwie seltsam:

Immer, wenn ich starten Sie die Wiedergabe eines Youtube-Videos die Pufferung beginnt. Wenn ich die jetzt laden wollen neue Inhalte in das content-div während der Pufferung der jQuery load-Funktion wird ausgelöst, nachdem die Pufferung abgeschlossen ist. Also manchmal ich ' ll haben zu warten, wie 10 Sekunden, bevor sich der Inhalt ändert (einfache HTML-Inhalt), weil der video-Pufferung. Wenn ich mich nicht mit dem iframe einbetten, aber das Objekt einbetten, funktioniert auch alles, aber ich möchte zur Unterstützung mobiler Geräte (iOS). Also nur ein einfaches Beispiel anzeigen:

$(".content").load(NEW_CONTENT_URL, function() {
    //Some animation to replace the oldcontent with the new one

    //If a iframe embeded video is buffering, this function doesnt get fired. Only after the buffering has finised.
});

Ist es ein bekannter bug in jQuery AJAX laden oder Youtube-iframe einbetten. Kann ich irgendetwas dagegen tun oder muss ich, um das Objekt (swf) embed code, damit es funktioniert. Wenn ja, könnten Sie mir bitte sagen, wie man mit der Youtube-API für Objekt eingebettet. Ich kann nicht "playVideo()" zu arbeiten auf ein bestehendes Objekt. Jedesmal, wenn ich erhalte eine Fehlermeldung:
TypeError: 'undefined' is not a function (evaluating 'playerArr["player"].playVideo()');

Aber das ist seltsam, denn ich verwende diese Funktion für die eingebettete SWF-Dateien

var playerArr = [];
function onYouTubePlayerReady(playerId) {
      alert(playerId);
      playerArr[playerId] = document.getElementById(playerId);
      playerArr[playerId].playVideo();

}

Und ja, ich auch "?enablejsapi=1" für den Video-URL. Der alert gibt mir ein "Spieler", das ist die id für mein Objekt. Die iframe-Lösung wäre besser, aber.

Dank im Voraus für Eure Hilfe.

InformationsquelleAutor Daniel | 2013-04-06

Schreibe einen Kommentar