Hallo zusammen,
ich hoffe, ich habe die richtige Sparte gewählt. Ich möchte eigene Musikdateien (mp3) in eine Jimdo-Website einbinden, nutze die Website selbst dabei als Server für die Musikdateien (auf einer versteckten Unterseite) und erzeuge die Player mit folgendem HTML-Code:

<div style="text-align: center;">
   <audio controls controlsList="nodownload">
     <source src="Link der Musikdatei" type="audio/mpeg">
   </audio>
</div>
 
 

Das klappt auch wunderbar, nur ragt der Player in der Mobilansicht über den Rand heraus. Anbei zwei Screenshot-Bilder aus der Jimdo-Vorschau. Auf meinem eigenen Handy wird der Player noch stärker beschnitten. Wie kann ich dieses Problem lösen?

Viele Grüße
Stuf

Hallo,

da ich neu im Forum bin, konnte ich noch keine URL angeben. Ich habe aber inzwischen ein Update zu meiner Frage, d. h., ich habe eine Lösung gefunden (die Lösung verdanke ich der Website von stackoverflow, nach langem Suchen endlich das Richtige gefunden!) und möchte diese anderen Suchenden nicht vorenthalten, deshalb:

Zunächst habe ich im Head Folgendes eingetragen:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0" />
 
<style>
/* <![CDATA[ */
         body {
         display: block;
         margin: 8px;
         }
         audio{
         max-height: 100%;
         max-width: 100%;
         margin: auto;
         object-fit: contain;
         }
/*]]>*/
</style>
 

Anschließend zur Erzeugung der Player via Widget / HTML folgenden Code eingetragen:

(div-Style ist Teil meines persönlichen Gestaltungswunsches, das kann ja jeder anders machen)

 
<div style="text-align: center;">
    <audio controls class="audio-file" src="/path/to/music.mp3" /> 
 
</div>
 
 

So klappt das jetzt ganz wunderbar. Ich wünsche allen ein schönes Wochenende!

Viele Grüße
Stuf

Hallo az,
danke noch für den Hinweis mit der URL, mache ich beim nächsten Mal. LG Stuf

Zitat von az_ im Beitrag #4

---

...besten Dank! (...ich hab noch die CODE Klammern ergänzt)

LG, az


PS: Du kannst Deine URL übr. einfach schreiben, indem Du Leerzeichen einsetzt: https:// www. domain. ext Ich kann das dann korrigieren.

---