Youtube Iframe immer im 16:9 Format anzeigen - Firefox Problem

[Gunnar Bittersmann]

@@ebody

Hallo und vielen Dank an alle,

Du bedankst dich für Hinweise, ignorierst sie aber völlig‽

mit diesem Code funktioniert es:

Was immer „es“ sein mag, deine Seite kannst du damit nicht meinen.

Was alles nicht funktioniert:

• responsiv
• bookmarken (zu Favoriten/Lesezeichen hinzufügen)
• Darstellung als Browsertab
• Ausgabe in Screenreadern
• Silbentrennung
• …

			#screen{
				position: relative;
				height: 0;
				overflow: hidden;
				padding-bottom: 56.25%
			}
			
			#screen iframe{
				position: absolute;
				top:0;
				left: 0;
				width: 100%;
				height: 100%;
			}

Ich bin gewiss der letzte, der sagt, dass man keine IDs zum Stylen verwenden sollte.

Aber was, wenn du mehrere Video auf einer Seite haben möchtest?

Hier ist eine Klasse für den Videocontainer angebracht.

LLAP 🖖