Audioplayer gestalten

Hallo zusammen,

ich möchte gerne den Audio-Player farblich anpassen, finde aber keinen Ansatzpunkt wo CSS greift.

Und auch die Angabe der Größe greift nicht. Eingegeben habe ich eine Bereite von 200px, die tauchen auch im Quellcode auf, werden aber ignoriert.

https://www.bergischer24stundenlauf....zugehoert.html

Neelix

In deinem CSS steht irgendwo

Code:

---

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

---

wenn du hier anstelle auto die gewünschte Höhe einträgst, dann wird der Player sichbar.

Edit:
Noch besser: ergänze darunter

Code:

---

.video_container audio {
  height: 40px;
}

---

Damit begrenzt du den Effekt auf den Audioplayer.

In meinem CSS nicht, das kommt vermutlich aus dem Responsive-Preset von Contao.
Ich muss das dann halt überschreiben. Mir geht es nicht um die Höhe, sondern um die Breite.

Jetzt fehlt mir nur die farbliche Gestaltung.

Wenn sich da in den letzten paar Jahren nichts getan hat, dann hast du nur die Chance, einen eigenen Player zu bauen.

Eine schnelle Suche ergabt z.B. diese Fundstellen:
https://wiki.selfhtml.org/wiki/HTML/...Grafiken/audio
https://blogs.perficient.com/2017/12...-audio-player/
https://serversideup.net/customize-h...s-amplitudejs/

Kommt drauf an, wenn du im Seitenlayout das js_mediaelement oder j_mediaelement aktiviert hast kannst du die Styles überschreiben.
Dazu am Besten mit dem Inspektor-Tool vom Browser arbeiten.

Dann kannst du z.B. die Hintergrundfarbe setzen:

Code:

---

.mejs__container {
    background:#1e844e;
}

---