Kein Audio Player seit Firefox 53.0.2

Hallo ip61,

hast du mal einen Beispiellink dafür ?

Mit HTML5 brauchst du doch auch keinen Audioplayer mehr.

Wenn du die Kontrollelemente des <audio>-Tags meinst: Ist auf den Seiten dem <audio>-Tag das Attribrut controls hinzugefügt? Wenn das fehlt, werden auch die Kontrollelemente nicht angezeigt.

Bei so einem abenteuerlichen Quellcode ist es allerdings auch schon fast verwunderlich, dass das überhaupt bisher funktioniert hat. De facto zeigt hier jeder getestete Browser (Firefox, Chrome, Safari) ein anderes Ergebnis und ein vernünftiges Benutzer der Kontroll-Elemente, auch wenn im Gegensatz zu Firefox etwas sichtbar ist, ist auch in Safari nicht möglich.

Du verwendest dort das style-Attribut. Ich könnte mir vorstellen, dass das stört. Außerdem, ist denn das überhaupt eine gültige HTML5-Datei oder nicht vielmehr eine XHTML-Datei? Ich kann übrigens auf der Seite gar nichts abspielen. Das Kontextmenü gibt mir nur Befehle für Bilder an.

Wieso sollten denn style-Attribute stören? Das ändert an der Darstellung gegenüber einer anderen Einbindung der Styles überhaupt nichts.

Du hast aber Recht damit, dass die Webseite kein HTML5 ist (siehe Doctype). XHTML ist kein Problem, das ist genauso absolut gültig. Nur gibt es das <audio>-Element ausschließlich in HTML5. Und in HTML4 (und damit auch in XHTML) müsste man Audio-Dateien anders einbinden. Ob ein richtiger Doctype das Problem lösen würde, vermutlich nicht. Browser sind ja häufig flexibel. Aber das ist halt einer von mehreren Problem-Punkten dieser Webseite, was zu einem absolut chaotischen Quellcode führt. Ich vermute fast eher, dass diese vollkommen wilde Art der Positionierung ein Problem darstellt. Denn wenn man am CSS etwas rumspielt und Elemente ein wenig verschiebt, wird der Player angezeigt.

Wenn du unbedingt die Style-Angaben verwenden willst, setze das style-Attribut in das div-Tag, das ja der Container für das Audio-Element ist.

Du hast das style - Attribut 'heigt' in deinem Audio Tag! Der Player ist bei FF unsichtbar, wenn height < 40px gesetzt ist.
Hatte gerade ein ähnliches Problem - setze height: 40px; und alles wird gut. Der Player kann in seiner Höhe auch nicht verändert werden, der bleibt bei 40px. Ein größerer Wert vergrößert nur die Box um den Player herum.

Schau auch mal hier https://www.camp-firefox.de/forum/viewtopic.php?f=1&t=120645

Kannst du deinen Code nicht manuell nachbearbeiten? Beim schnellen duchscrollen durch deinen Quellcode habe so was um die 12 Audio - Tags gefunden (wenn denn der Link, den du weiter oben angegeben hast noch aktuell ist) und bei allen diesen Tags ist 'height: 30px; gesetzt.
Mal abseits von deinem Problem - dieser Quellcode ist gruselig und definitiv nicht HTML5. Trotzdem sollte der Audio-Tag funktionieren - Browser sind da nicht so pingeling, wenn da was steht, dann versuchen die das schon irgendwie darzustellen.
... aber warum steckst du den Player in ein 'div' mit height: 26px;, welches wiederum in einem 'div' mit height: 25px; steckt??
Auch diese Elemente sollten, auch wenn ich keine Ahnung habe, wofür die eigentlich da sind, mindestens so hoch sein, wie der Player, der darin Platz haben soll.
Ich glaube, da hast du noch ein Stück Arbeit vor dir.

Vielleicht solltest du mal tiefer in die Bedienung deines Programmes einsteigen - oder lernen HTML und CSS von Hand zu schreiben. So schwierig ist das nicht.
Habe das auf jeden Fall mal (heimlich) getestet - wenn das Attribut height: 40px gesetzt ist, dann funktioniert das auf deiner Seite!
Auch wenn der Code ansonsten wirklich nicht vorzeigbar ist.
So sieht der Teil mit dem Audio-Tag in meiner Testumgebung aus - und funktioniert!

...
<div class="wa-comp" style="position: absolute; z-index:10080; left:298px; top:1155px; width:301px; height:40px;">
<div style="width:301px; height:40px;" id="flash-comp-1i2scgk1ssvhtt">
<audio style="position:absolute; top:-2px; width:301px; height:40px;" controls="controls">
<source src="pfad/titel.mp3" type="audio/mp3">
Your browser does not support the audio tag.
</audio>
</div>
<!-- unsinniger Java Script -->
</div>
...

'pfad/titel.mp3' muss natürlich auf eine reale Datei auf deinem Server verweisen, sonst wird im FF nichts angezeigt.

Ich habe leider keine Ahnung davon, wie dein Programm für die Webseitenerstellung funktioniert. Ich mache so was immer 'händisch' und da ich mich eben mit deiner Problemseite schon beschäftigt habe, weiß ich, dass das Ändern des Codes, um den Player wieder zum Laufen zu bringen, so ca 10 Minuten dauert... von Hand wohlgemerkt.
Hast du denn Zugriff auf die Quelldateien, die dein Programm erzeugt? Speziell diese Problemseite 'crbst_9.html' und kann man die eventuell einfach gegen eine funktionierende austauschen? Und wenn ja, dann müssten da auch zwei Seiten sein - eine für Deutsch und eine für Englisch. Oder täusche ich mich da?
Wenn du Interesse hast, dann kann ich dir ja mal den korrigierten Quellcode, der ja in meiner Testumgebung funktioniert, zuschicken. Vielleicht hilft das ja.

Zitat von ip61

Aber da FF sich nun wohl entschlossen hat mir da ein solches Problem zu bereiten muss ich mich wohl damit auseinandersetzen. Ich werde also testen und lesen.

Ich bin mir ziemlich sicher, dass es nicht Firefox ist, der dir das Problem bereitet. Es ist nun mal so, dass HTML-Code bestimmten Regeln unterliegt, die, wie alle Regeln, die man nicht einhält, zu Problemen führen.