Eingebundenes Video reagiert nicht auf CSS

[Narges]

Hallo, ich habe auf meiner Website ein Vimeo-Video eingebunden (hier: http://bergünerstein.ch/).

Leider reagiert dieses Gefäss nicht auf die Vorgaben im CSS. D.h. ich kann die Grösse des Players im Element selber bestimmen, aber diese passt sich nicht an, wenn ich im CSS für das Mobile Layout eine kleinere Maximalbreite eingebe. Habe ich da etwas falsch gemacht? Mit allen anderen Elementen geht das problemlos.

Danke für Tipps!

[MacKP]

Ich kann nichts von deinem CSS sehen, was da etwas überschreiben soll (oder irgendetwas von max-with an der Stelle).

Du musst das iframe von der größe anpassen.
Hier mal eine Möglichkeit wie das gehen kann: http://www.holgerkoenemann.de/ein-vi...ive-einbinden/

Wenn ich als Test dem iframe mal eine width von 100% gebe passt sich die Breite auch schon mal passend an. Du wirst da auf jeden Fall die width überschreiben müssen, da die ja auch festgelegt ist durch die Breite im Backend.

Viele Grüße

[Narges]

Hallo MacKP

vielen Dank! Ich habe dem Video-Element die Klasse .video gegeben und für diese dann im CSS die Breite definiert. Dasselbe hatte ich auch mit ID #iframe versucht. Beides hatte keine Auswirkung auf die Breite des Videos auf dem Bildschirm.

Wie meinst Du das, dem iframe die Grösse 100% zu geben? Wenn ich das Video als Vimeo-Element einfüge, kann ich ja nur Zahlen eingeben bei der Grösse, und daraus macht Contao automatisch Pixel. Wo kann ich eine Grösse von 100% eingeben? Ich dachte, dass jegliche Einstellungen im CSS, die sich auf Klasse oder ID des Videos beziehen, diese Einstellung beim Video-Element überschreiben würden, das ist aber eben leider nicht der Fall...

Morgen schau ich mir das mal an mit dem Tutorial, das sieht ja sehr kompliziert aus

Vielen Dank jedenfalls und schönen Abend!
Antonia

[MacKP]

.video ist das umgebende Element von dem iframe. Der iframe selber hat aber eine Breite von 480px. Also musst du dem iframe selber eine andere Breite (z.B. 100%) per CSS vergeben. Mir ist schon klar, dass du im BE nur px vergeben kannst. Ich mein auch dein CSS, mit dem du das CSS von dem Element überschreiben solltest ;-)
So kompliziert ist das gar nicht, wenn du dich an das Tutorial hälst (wobei du natürlich die Klassen etc. anpassen musst an dein HTML).

Schau am besten immer mit dem Inspektor deiner Wahl (je nach Browser) wie die Klassen und Elemente von deiner Seite heißen und teste darin aus.

Viele Grüße

[Marion]

Hier mal eine Möglichkeit wie das gehen kann: http://www.holgerkoenemann.de/ein-vi...ive-einbinden/

Super Tipp, die Anleitung hat mir beim gleichen Problem geholfen. Allerdings musste ich erst noch bei meinem .mod_article .block ein position:relative; entfernen, das dreingefunkt hat.

Nachtrag: Betrifft Contao 4.8.2.