YT-Videos im Medien-Karussell

  • Hallo miteinander!

    Mein erster Post hier als Elementor-Neuling und gleich eine Frage, bei der mir die Suchfunktion nicht geholfen hat, ...

    Ich habe mit dem Elementor im Medien-Karussell Youtube-Videos verlinkt. Klappt auch alles wie gewünscht - nur die Darstellung der Videos beim Abspielen sieht nicht wirklich schön aus: das PopUp streckt den Player auf fast die dreifache Breite des 16:9-Videos (siehe Screenshot).

    Was ich möchte ist, dass die Breite dem 16:9-Format der Youtube-Clips entspricht und das Ganze Player-PopUp dann etwa 70-80% des Bildschirms einnimmt.

    Direkt bei den Video-Elementen im Medien-Karussell scheint es keine Einstellmöglichkeiten dafür zu geben. Und im Reiter "Stil" unter "Lightbox" kann ich (angeblich) die "Video-Breite" einstellen. Faktisch verändert dieser Regler aber nicht die Video-Breite, sondern behält dieses langgezogene Format bei und verschiebt das Ganze nur horizontal nach rechts.

    Hat dazu jemand eine Idee und/oder einen Rat?

    Taussend Dank im Voraus - beste Grüße! :)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Moin,

    das klingt nach einem Styling-Problem, dass entweder durch die vorgegebenen Einstellungen von Elementor oder durch ein Theme oder Plugin verursacht wird. Manchmal müssen Sie eigene CSS-Regeln hinzufügen, um bestimmte Stile zu überschreiben oder anzupassen. In Ihrem Fall möchten Sie vielleicht so etwas wie das folgende in den "Zusätzlichen CSS"-Bereich Ihres Customizers oder in den Einstellungen des betreffenden Elements in Elementor hinzufügen:

    .elementor-lightbox .elementor-video-iframe {
    max-width: 80% !important;
    aspect-ratio: 16/9;
    }

    Dies sollte die Breite des Videos auf 80% des Bildschirms setzen und das Verhältnis 16:9 beibehalten.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!