Fehler: Die eingestellte Playergröße wird nicht übernommen. Stattdessen wird der Player auf die gesamte Seitenbreite vergrößert

Marco Zimmermann's Avatar

Marco Zimmermann

07 Jul, 2017 08:02 AM

Produkt: Oneo Contao
Contao-Version: 3.5.27

Die eingestellte Playergröße wird nicht übernommen. Stattdessen wird der Player auf die gesamte Seitenbreite vergrößert

  1. Support Staff 1 Posted by RockSolid Theme... on 07 Jul, 2017 08:53 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Für das responsive Design des Themes wird der Video-Player auf 100% Breite gesetzt. Das kann deaktiviert werden indem Sie die Datei templates/oneo/j_mediaelement.html5 bearbeiten und folgende Zeile entfernen:

    '.mediaelementplayer({' => '.mediaelementplayer({videoWidth:\'100%\',videoHeight:\'100%\',',
    
  2. 2 Posted by Marco Zimmerman... on 07 Jul, 2017 09:10 AM

    Marco Zimmermann's Avatar

    Vielen Dank für die schnelle Antwort.

  3. 3 Posted by Marco Zimmerman... on 21 Jul, 2017 09:01 AM

    Marco Zimmermann's Avatar

    Leider wird mit dieser Anpassung der nachfolgende Inhalt hinter dem Videoplay angezeigt. Sind noch weitere Anpassungen notwendig?

  4. Support Staff 4 Posted by RockSolid Theme... on 21 Jul, 2017 12:57 PM

    RockSolid Themes's Avatar

    Bitte vergeben Sie für den Player nicht nur eine Breite, sondern auch eine Höhe. Damit sollte sich das Darstellungsproblem beheben lassen.

  5. 5 Posted by willi.bolg on 24 Aug, 2020 11:23 AM

    willi.bolg's Avatar

    Hallo,
    ich muss die Diskussion leider wieder entfachen.
    Habe Oneo 1.2.10 (Contao 4.4-4.10) eingespielt und möchte ebenso den Player anpassen.
    Habe die Zeile im Template entfernt und im Backend die entsprechende Breite und Höhe eingetragen, aber es tut sich nix.

  6. Support Staff 6 Posted by RockSolid Theme... on 24 Aug, 2020 02:15 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Welche Contao-Version setzen Sie ein?
    Können Sie uns einen Screenshot der Einstellungen des Inhaltselements im Backend senden?

  7. 7 Posted by willi.bolg on 25 Aug, 2020 04:46 AM

    willi.bolg's Avatar

    Hallo,
    ich nutze hier Contao 4.9.5
    Screenshot anbei.
    Vielen Dank

  8. Support Staff 8 Posted by RockSolid Theme... on 25 Aug, 2020 08:10 AM

    RockSolid Themes's Avatar

    In Contao 4.9 wird der MediaElement.js-Player nicht mehr eingesetzt, die Größe des Videos wird via CSS gesteuert.

    Entfernen Sie bitte folgenden CSS-Code aus der Datei files/oneo/css/main.css:

    .video_container video,
    .audio_container audio {
        display: block;
        width: 100%;
    }
    .video_container video {
        height: auto;
    }
    

    Danach wir das Video in der im Backend eingestellten Größe angezeigt.

  9. 9 Posted by for Teletrend on 08 Mar, 2021 10:16 AM

    for Teletrend's Avatar

    Hallo,

    Ich habe wie oben beschrieben alles im main.css angepasst (benutze tao, neuste Contao Version) und leider bleibt die Mediaplayer Grösse immer noch diesselbe... egal, ob es ein eingebundenes YouTube oder upgeloadetes Video ist. Vielen Dank für Ihre Antwort. Im Layout sind alle mediaelemente aktiviert (habe aber alle Varianten mit/ohne ausprobiert).

  10. Support Staff 10 Posted by RockSolid Theme... on 08 Mar, 2021 02:50 PM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Welche Contao-Version und welche Theme-Version setzen Sie ein?

    Damit wir Ihnen zielgerichteter weiterhelfen können, schicken Sie uns bitte einen Link zur betroffenen Seite.

  11. 11 Posted by Schönbächler Va... on 08 Mar, 2021 03:03 PM

    Schönbächler Vanessa's Avatar

    Die Seite ist noch nicht online, nur auf einem internen Server.

    Contao Version 4.4.55, Theme Tao Version 5.1.11

  12. Support Staff 12 Posted by RockSolid Theme... on 08 Mar, 2021 03:28 PM

    RockSolid Themes's Avatar

    Haben Sie das Template templates/tao/j_mediaelement.html5 wie in folgendem Kommentar beschrieben geändert? https://help.rocksolidthemes.com/discussions/contao/21379#comment_42921561

    Bitte beachten Sie, dass es sich bei Contao 4.4 um eine veraltete Version handelt die keine Contao-Updates mehr erhält. Eine Aktualisierung auf Version 4.9 wird dringend empfohlen.

  13. 13 Posted by Schönbächler Va... on 09 Mar, 2021 08:27 AM

    Schönbächler Vanessa's Avatar

    Guten Morgen,

    Vielen Dank für den Hinweis. Mit dem Update hat es sich erledigt und funktioniert jetzt.

  14. 14 Posted by Leon on 06 Jun, 2025 08:42 AM

    Leon's Avatar

    Das gleiche Problem habe ich in Contao 5.
    Ist das noch der empfohlene Weg für contao 5?
    Contao 5.3.21 und tao theme 1.6.5

  15. Support Staff 15 Posted by RockSolid Theme... on 10 Jun, 2025 08:07 PM

    RockSolid Themes's Avatar

    In Contao 5 wird die Größe des Videos ebenfalls via CSS gesteuert.

    Entfernen Sie bitte folgenden CSS-Code aus der Datei files/oneo/css/main.css:

    .content-player video,
    .content-player audio,
    .video_container video,
    .audio_container audio {
        display: block;
        width: 100%;
    }
    
    .content-player video,
    .video_container video {
        height: auto;
    }
    

    Danach wir das Video in der im Backend eingestellten Größe angezeigt.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • player_settings.png 5.12 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac