Moin,
da gehört das Script auch nicht hin. Der Bereich "inside <head> code" ist für Links zu CSS-Dateien oder auch andere Verweise gedacht - aber nicht zur Ausführung von HTML-Code, dieser gehört in den <body> Bereich, also in einen Mobirise-Block...
... das Audio-Tag gehört genau dort hin (in einen Block) wo es angezeigt werden soll.
Es handelt sich ja hierbei um das
HTML <audio> Tag - ein "Tag" - wie jedes andere und das muss zur Anzeige in einen Block von Mobirise.
https://www.w3schools.com/tags/tag_audio.asp
Ich verwende dafür immer zunächst (zum Üben) ein ganz einfachen Block wie einen Textblock aus der Rubrik "Article" zum Beispiel aus dem Standard-Thema "Mobirise5":
Dann baue ich das im "Code Editor" von Mobirise ein. Entweder ersetze ich den Beispieltext mit dem Audio-Tag oder schreibe das Tag unter den Text:
Natürlich muss der
Pfad zur Audio-Datei auch korrekt sein. Die alternative
.ogg Datei kannst Du auch weglassen, denn heute können alle Browser das
.mp3 Format lesen und abspielen.
Code: Alles auswählen
<audio id="myPlayer" controls loop>
<source src="./music/MeineMusik.mp3" type="audio/mpeg">
Dieser HTML5 Player wird von Deinem Browser nicht unterstützt.
</audio>
Bitte
beachte, dass der Player noch nicht auf der Arbeitsseite von Mobirise funktioniert, sondern
erst im Browser nach dem Publizieren.
In diesem Beispiel zeigt also der
relative Pfad - der Punkt mit dem Slash - im gleichen Verzeichnis auf ein Verzeichnis "music" in das ich meine Musik-Dateien kopiert habe (um Ordnung zu halten):
./ = 1 Punkt vor dem Slash bleibe im gleichen Verzeichnis
../ = 2 Punkte vor dem Slash würde ein Verzeichnis höher ansteuern
Im Code-Beispiel (oben) also in mein Verzeichnis "
music" und dann zur Datei "
MeineMusik.mp3".
Du musst also die Musik-Datei dann auch entsprechend lokal (im Verzeichnis der lokalen Publizierung) und am Server in dieses dort anzulegende Verzeichnis "music" händisch kopieren. Das machst Du am Server mit einem FTP-Programm wie "FileZilla", denn Mobirise weiß ja von der Datei gar nichts.
Anstelle der
relativen Pfadangabe zur Musik-Datei könntest Du da natürlich auch den
absoluten Pfad, also die gesamte URL bis zur Musik-Datei, eintragen - also bei mir z.B. so:
https://www.mobirise-tutorials.com/musi ... izards.mp3
... das würde dann mit meiner URL so aussehen - vielleicht ist das einfacher für Dich:
Code: Alles auswählen
<audio id="myPlayer" controls loop>
<source src="https://www.mobirise-tutorials.com/music/Land-Of-Wizards.mp3" type="audio/mpeg">
Dieser HTML5 Player wird von Deinem Browser nicht unterstützt.
</audio>
Ein Audio-Tag wird in jedem Browser ein wenig anders dargestellt, jeder Browser-Hersteller hat da ein wenig anderes Design entwickelt.
P.S.:
Mobirise stellt keinen Block mit einem Musik-Player zur Verfügung, welchen Block meinst Du also?
Es gibt von einem Drittanbieter "Zen2cool" aus Belgien einen solchen Block. Meinst Du den vielleicht?
Da kann ich aber nichts zu sagen, da ich persönlich keinerlei solcher "fertigen" Blöcke in Mobirise einbaue. Der Grund ist, dass ich von Mobirise auf mehrere schriftliche Anfragen keine Antwort erhalte, ob das eventuell eine Copyright-Verletzung darstellen könnte - denn es ist eindeutig ein Verstoß gegen deren
Nutzungsbedingungen, denn solche Blöcke werden über die Schnittstellen von Mobirise, unter Verwendung der geschützten Technologie von Mobirise, eingelesen und schaden somit dem Hersteller erheblich.
Solche Drittanbieter-Blöcke werden zur Zeit von Mobirise lediglich geduldet. Durch deren Verwendung verliert man aber das Recht auf Support von Mobirise und ich möchte persönlich hier nicht das Risiko eingehen, die vielleicht eines Tages alle wieder entfernen zu müssen.
Meines Wissens verwendet aber "Zen2cool" (Rudy) da auch nichts anderes als genau so ein Audio-Tag, nur eben schon in einen Mobirise-Block eingebaut mit ein wenig zusätzlicher CSS zur bunten und einheitlichen Darstellung.
Mit dem Firefox-Browser kann es dabei keine Probleme geben, auch ich verwende diesen immer noch als meinen Standard-Browser und der kann das .mp3 Format genau wie alle anderen Browser interpretieren. Vielleicht hattest Du gerade eine Internet-Störung oder sonst etwas.