Home → Contao →

Fehler: Hintergrundbild im zentrierten Bereich funktioniert nicht wenn Leerzeichen im Dateinamen

• Edit

joerg.vanhoorn

23 Jan, 2024 09:52 AM

Produkt: Tao Contao
Contao-Version: 5.2.8
Browser und Browserversionen: Firefox 115

Hallo, Ich bin gerade dabei, eine Seite mit Tao einzurichten.
Dabei habe ich einen zentrierten Bereich eingerichtet und ein Hintergrundbild eingefügt. Das lieferte in der Konsole die Fehlermeldung "Das angegebene "type"-Attribut "video/JPG" wird nicht unterstützt. Das Laden der Medienressource /files/.JPG ist fehlgeschlagen."
Im Quellcode der Seite steht:

<div class="centered-wrapper-background">
<video class="no-mejs" autoplay loop muted playsinline webkit-playsinline >
<source src="/files/<Dateiname>.JPG" type="video/JPG">
</video>
</div>

Das scheint daran zu liegen, dass im Dateinamen oder Ordnernamen Leerzeichen vorkommen. Wähle ich ein Hintergrundbild, wo weder im Dateinamen noch im Ordnernamen Leerzeichen vorkommen, funktioniert es.
Die Contao-Installation und die Tao-Version sind komplett neu aufgesetzt.
Ich vermute, das ist ein Bug...
Viele Grüße und vielen Dank für das schöne Theme :-)
Jörg

1. 1 Posted by joerg.vanhoorn on 23 Jan, 2024 09:58 AM

   

   ... der Code kam nicht mit rüber. Im Text oben fehlt der Dateiname vor JPG. Im Quellcode steht (dort mit den richtigen Zeichen):

   div class="centered-wrapper-background"
   video class="no-mejs" autoplay loop muted playsinline webkit-playsinline
   source src="/files/Dateinam.JPG" type="video/JPG"
   /video
   /div

   • Edit

2. 2 Posted by joerg.vanhoorn on 23 Jan, 2024 09:59 AM

   

   und wenn ich eine Datei nehme, wo weder im Ordnernamen noch im Dateinamen Leerzeichen vorkommen, funktioniert es.

   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 23 Jan, 2024 02:23 PM

   

   Vielen Dank für Ihre Frage.

   Der Fehler scheint mit der großgeschriebenen Dateiendung zusammenzuhängen (JPG anstatt jpg).

   Bearbeiten Sie bitte die Datei templates/tao/rsce_tao_centered_wrapper_start.html5 und ersetzen die folgenden Zeilen:

   if (in_array(
       $file->extension,
       Contao\System::getContainer()->getParameter('contao.image.valid_extensions')
   )) {
   

   mit diesem Code:

   if (in_array(
       strtolower($file->extension),
       Contao\System::getContainer()->getParameter('contao.image.valid_extensions')
   )) {
   

   Damit sollte sich das Problem beheben lassen.

   • Edit

4. 4 Posted by joerg.vanhoorn on 23 Jan, 2024 02:57 PM

   

   Super, vielen Dank!! Funktioniert :-)

   • Edit