Ich versuche ein Youtube-Video über die iFrame-API zu implementieren. Ich muss einige Ereignisse abfangen, so dass das Einbetten des Spielers allein keine Option ist.
Alles funktioniert gut, wie in der Dokumentation erklärt, ich rufe das Video so auf:
%Vor%Das Problem ist, dass ich das Video an die Bildschirmbreite anpassen muss, damit es auf Smartphones und Tablets gut aussieht, aber nachdem ich solche Dinge mit CSS versucht habe:
%Vor%Und das mit JavaScript: Ссылка
Ich kann es nicht funktionieren lassen. Irgendwelche der Tricks zuvor funktionieren gut auf einem normalen Youtube-Einbettungscode, aber sie tun dies nicht mit der Iframe-API.
Irgendeine Idee?
Danke!
Ich habe diese Arbeit vor ein paar Tagen selbst gemacht, das Projekt ist momentan leider unter Schutz gestellt oder ich teile die URL.
Es wäre hilfreich, wenn Sie den von Ihnen verwendeten HTML-Code angeben würden, weil ich vermute, dass das Ihr Problem ist. Das reaktionsfähige Ende davon kann reines CSS sein; basierend auf Javascript / CSS, sollte es in etwa so sein:
%Vor% Das Problem, das leicht zu lösen ist, ist, dass YT.Player das benannte div durch einen iframe ersetzt, anstatt einen iframe in dieses div einzufügen.
Außerdem würde ich in Ihrem YT.Player-Aufruf 100% -Höhe / Breite-Aufrufe einschließen, z. B.
aber das ist vielleicht unnötig, wenn Sie die css-Definition, die Sie bereits gemacht haben, verwenden.
Viel Glück!
Einstellen der Breite und Höhe des Iframes (1280x720). Auf dem Iframe können keine festen Pixelgrößen festgelegt werden. Der '.video-container iframe' CSS legt die Breite und Höhe fest (100% x 100%, dh flüssig).
Sie können player.setSize() verwenden, um die Player-Größe zu aktualisieren, nachdem das Player-Objekt erstellt wurde.
Tags und Links javascript css iframe youtube youtube-api