Quadratisches Video im Vollbildmodus

  • simon138

    (@simon138)


    vor 8 Monaten, 1 Woche

    Hallo, ich habe ein Problem mit diesem quadratischem Video. Sobald man in den Vollbildmodus wechselt, geht das Quadrat verloren. Passt sich quasi an den Bildschirm an. Mein Ziel ist es auch im Vollbildmodus eine quadratische Darstellung zu haben.

    Hat jemand eine Idee woran es liegen könnte? Welche Einstellung muss ich berücksichtigen?

    https://www.elektroheinle.com/bewirb-dich-jetzt-elektriker-m-w-d/

    • Dieses Thema wurde geändert vor 8 Monaten, 1 Woche von simon138.
    • Dieses Thema wurde geändert vor 8 Monaten, 1 Woche von simon138.

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 8 Monaten, 1 Woche

    Hallo,
    teste bitte die folgende CSS-Regel unter Design > Customizer > Zusätzliches CSS:

    .fusion-selfhosted-video video {
    aspect-ratio: 1/1;
}

    BTW: Das flimmernde Rot/Weiß mag ja Aufmerksamkeit bringen, aber ich weiß nicht, ob das bei bestimmten Personen epileptische Anfälle auslösen kann. Das ist meine rein persönliche Meinung. Ich bin kein Arzt. 😉

    Viele Grüße
    Hans-Gerd

    Anonymous User 20597857

    (@anonymized-20597857)

    vor 8 Monaten, 1 Woche

    Wie wird das Video eingebunden, also mit welchem Plugin oder mit einer Funktion des Themes?
    Dort sollten die Einstellungen zu finden sein und das sollte der Support des (gekauften?) Themes, des Plugins wissen.
    Oder vllt. hilft das was: https://preview.themeforest.net/item/avada-responsive-multipurpose-theme/full_screen_preview/2833226 > Lightbox Element

    Ja, das flimmern ist „unübersehbar“, aber der Hund ist süß!

    Moderator Hans-Gerd Gerhards

    (@hage)

    vor 8 Monaten, 1 Woche

    @kurapika
    Das Theme ist Avada und steht uns als kostenpflichtiges Theme nicht zur Verfügung. Das Video ist wohl auch mit einem Feature des Themes eingefügt worden, aber ob es da Einstellungen für das Video gibt, kann ich nicht sagen.

    Anonymous User 20597857

    (@anonymized-20597857)

    vor 8 Monaten, 1 Woche

    Das dachte ich mir, deswegen der Link zur Avada Hilfe

    Thread-Starter simon138

    (@simon138)

    vor 8 Monaten

    @hage

    Hallo Hans-Gerd, leider hat die CSS-Regel nicht funktioniert. Es gibt innerhalb es Video Elements ein Feld für eine CSS Class und CSS ID.

    P.S.: Was das Flimmern betrifft, hoffe ich keine Beschwerden zu bekommen 😉

    Thread-Starter simon138

    (@simon138)

    vor 8 Monaten

    @kurapika

    Danke für die Blumen 😉

    Und nochmals danke für den Link, vllt. gibt es bei Avada weiteren Support. Der Film ist über das Standard Video Element von Avada eingefügt worden.

    Anonymous User 20597857

    (@anonymized-20597857)

    vor 8 Monaten

    Das muss mit CSS irgendwie zu machen sein.
    Mich störte das object-fit: cover; (Wobei „cover“ eigentlich stimmig wäre)

    Aber teste dennoch mal nur das (oder zusätzlich):
    object-fit: contain;
    bzw.
    object-fit: contain !IMPORTANT;

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „Quadratisches Video im Vollbildmodus“ ist für neue Antworten geschlossen.