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

Marco Zimmermann

07 Jul, 2017 08:02 AM

Edit

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

player_settings.png 5.12 KB

#1 Posted by RockSolid Theme... Support staff on 07 Jul, 2017 08:53 AM
- Edit
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 Posted by Marco Zimmerman... on 07 Jul, 2017 09:10 AM
- Edit
Vielen Dank für die schnelle Antwort.
#3 Posted by Marco Zimmerman... on 21 Jul, 2017 09:01 AM
- Edit
Leider wird mit dieser Anpassung der nachfolgende Inhalt hinter dem Videoplay angezeigt. Sind noch weitere Anpassungen notwendig?
- player_inhalt.jpeg 23.6 KB
#4 Posted by RockSolid Theme... Support staff on 21 Jul, 2017 12:57 PM
- Edit
Bitte vergeben Sie für den Player nicht nur eine Breite, sondern auch eine Höhe. Damit sollte sich das Darstellungsproblem beheben lassen.
#5 Posted by willi.bolg on 24 Aug, 2020 11:23 AM
- Edit
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 Posted by RockSolid Theme... Support staff on 24 Aug, 2020 02:15 PM
- Edit
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 Posted by willi.bolg on 25 Aug, 2020 04:46 AM
- Edit
Hallo,
ich nutze hier Contao 4.9.5
Screenshot anbei.
Vielen Dank
- Anmerkung_2020-08-25_064520.png 39.6 KB
#8 Posted by RockSolid Theme... Support staff on 25 Aug, 2020 08:10 AM
- Edit
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 Posted by for Teletrend on 08 Mar, 2021 10:16 AM
- Edit
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 Posted by RockSolid Theme... Support staff on 08 Mar, 2021 02:50 PM
- Edit
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 Posted by Schönbächler Va... on 08 Mar, 2021 03:03 PM
- Edit
Die Seite ist noch nicht online, nur auf einem internen Server.

Contao Version 4.4.55, Theme Tao Version 5.1.11
#12 Posted by RockSolid Theme... Support staff on 08 Mar, 2021 03:28 PM
- Edit
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 Posted by Schönbächler Va... on 09 Mar, 2021 08:27 AM
- Edit
Guten Morgen,

Vielen Dank für den Hinweis. Mit dem Update hat es sich erledigt und funktioniert jetzt.
#14 Posted by Leon on 06 Jun, 2025 08:42 AM
- Edit
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 Posted by RockSolid Theme... Support staff on 10 Jun, 2025 08:07 PM
- Edit
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.