Youtube Iframe responsive einbinden
Hallo,
ich versuche gerade einen Youtube Player responsive zu gestalten:
https://www.hfn-media.net/filmproduktion_karlsruhe.html
Auf einem Desktop sieht es noch OK aus, auf einem Handy wird nur der mittlere Teil angezeigt.
Hat jemand eine Idee, wie ich den Player weiter optimieren kann?
Er sollte halt überall mit dem korrekten 16:9-er Seitenverhältnis angezeigt werden:
Das Video wurde durch einen Contao Youtube-Player integriert und dies ist der CSS-Code:
.ce_youtube iframe {
width:100% !important;
height:100%
position: absolute;
top: 0;
left: 0;
}
Vielen Dank für euren Ratschläge.
Gr. I.