Fehler: Nach update auf Contao 4.9 wird die Videoplayergröße im 3-Spaltenlayout falsch angepasst und beim Navigationsmenü im Handy funktioniert die Ausklappung teilweise nicht!

Andreas König's Avatar

Andreas König

29 Nov, 2020 11:18 AM

Produkt: Oneo Contao
Contao-Version: 4.9.0
Browser und Browserversionen: Google Chrome ist auf dem neuesten Stand. Version 80.0.3987.162 (Offizieller Build) (64-Bit)

Liebes Supportteam,
nach Update von Contao 4.5.14 auf 4.9.0 haben alle Videos im 3spaltigen Layout die falsche Größe, d.h. überlappen sich und es gibt keine Spaltenzwischenräume in unserem Kursarchiv. Zudem zeigt der html5-Vidoeplayer im Controlelement auch eine Downloadoption ganz recht, die nicht gewünscht ist. Wie kann ich das korrigieren?
Zudem funktioniert in der Android-Handyansicht das Ausklappen des Navigationsmenüs bei Kursarchiv nicht mehr bzw. zeigt nur die beiden Menüpunkte Einweisung und BBP, deren Seiteninhalte ungeschützt sind und die anderen Seiten nicht, deren Inhalte zwar geschützt sind, aber im Menü trotzdem angezeigt werden sollen und bei Contao 4.5.14 auch wurden. Woran kann das liegen bzw. was muss ich umstellen??

  1. Support Staff 1 Posted by RockSolid Theme... on 30 Nov, 2020 08:15 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Für die korrekte Darstellung der Videos führen Sie bitte wenn möglich ein Theme-Update durch, oder fügen Sie alternativ folgenden CSS-Code in die Datei files/oneo/css/custom.css ein:

    .video_container video,
    .audio_container audio {
     display:block;
     width:100%
    }
    .video_container video {
     height:auto
    }
    .video_container {
     margin:1.6em 0
    }
    .video_container iframe {
     border:0
    }
    .video_container .responsive {
     position:relative;
     padding-bottom:56.25%
    }
    .video_container .responsive.ratio-169 {
     padding-bottom:56.25%
    }
    .video_container .responsive.ratio-1610 {
     padding-bottom:62.5%
    }
    .video_container .responsive.ratio-219 {
     padding-bottom:42.85714%
    }
    .video_container .responsive.ratio-43 {
     padding-bottom:75%
    }
    .video_container .responsive.ratio-32 {
     padding-bottom:66.66667%
    }
    .video_container .responsive iframe,
    .video_container .responsive img {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     object-fit:cover
    }
    

    Bezüglich der mobilen Navigation: Prüfen Sie bitte in den Einstellungen des Moduls „Mobile Navigation“ ob die Checkbox „Geschützte Seiten anzeigen“ aktiviert ist.

  2. 2 Posted by info on 30 Nov, 2020 08:24 PM

    info's Avatar

    Super, viele Dank, beide Tipps funktionieren.
    Hätten Sie noch einen Tipp, wie ich im html5-Videoplayer rechts unten die drei Punkte ausblenden kann, die das direkte Herunterladen des Videos ermöglichen?
    Kann ich das auch in der Datei *files/oneo/css/custom.css* einstellen?

    Vielen Dank

  3. Support Staff 3 Posted by RockSolid Theme... on 01 Dec, 2020 11:17 AM

    RockSolid Themes's Avatar

    Wir haben zu Ihrer Frage bereits Informationen bereitgestellt und dürfen Sie daher auf folgenden Inhalt verweisen: https://help.rocksolidthemes.com/discussions/contao/62742

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • Fehler_html5-Player.jpg 298 KB
  • Screenshot_2020-11-29-12-09-44-915_com.android.chrome.jpg 211 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