Audioplayer wird in Firefox nicht angezeigt

osaft

Zum Anhören meiner mp3-Dateien habe ich einen kleinen Player in meine Website eingebaut. Jede Datei hat einen eigenen Player. Mit Chrome und IE funktioniert genau das, was ich will, nicht aber mit Firefox. Da wird der erste Player der ersten Datei nicht angezeigt.

Jetzt bin ich leider kein Programmierer sondern arbeite hauptsächlich mit copy&paste, so konnte ich den Fehler aber nicht eingrenzen.

Hat hier jemand einen Tipp, woran das liegen könnte? Es handelt sich um folgende Seite:

http://clou-online.de/deutsch/untensongs.htm

Wie bringe ich Firefox dazu, auch bei der ersten Datei den Player anzuzeigen? Über Hilfe würde ich mich sehr freuen.

Hier noch der Code:

HTML

<html>
<head>
<title>Clou Online - Menueleiste Songs</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="[URL='http://www.forum-hilfe.de/view-source:file:///F:/Homepage/Clou%20online/deutsch/clouonline.css']clouonline.css[/URL]" rel="stylesheet" type="text/css">
<link href="[URL='http://www.forum-hilfe.de/view-source:file:///F:/Homepage/Clou%20online/clouonline.css']../clouonline.css[/URL]" rel="stylesheet" type="text/css">


<!-- Script für Pause, wenn andere Datei angespielt wird -->
<script type='text/javascript' src='[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/Scripts/custom.js?ver=1494586904']http://www.clou-online.de/Scripts/custom.js?ver=1494586904[/URL]'></script>


</head>


<body class="clouonline" onLoad="">
<p>&nbsp;</p>
<div class="entry-content">


<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Pop: Pauline - Es regnet<br />
</strong>Regen, Regen, immer wieder Regen. Das kann ziemlich nerven.<br />
<em>Komposition für die Stuttgarter Sängerin Pauline</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/Pauline%20-%20Es%20regnet%20(Radio%20Edit).mp3']http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).mp3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=Pauline - Es regnet (Radio Edit).mp3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).mp3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />
<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Musical: One World<br />
</strong>Das Musical One World wurde eigens für die AIDA-Clubschiffe geschrieben<br />
<em>Live-Gesang von Clou als Solist auf der AIDAaura</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/One_World.mp3']http://clou-online.de/downloads/One_World.mp3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/One_World.mp3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/One_World.mp3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />
<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Jazz: When A Man Loves A Woman<br />
</strong>Im Original von Percy Sledge<br />
<em>Gesang von Clou, zusammen mit der Band DAYS like THIS</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/DAYS_like_THIS_-_When_a_man_loves_a_woman.mp3']http://clou-online.de/downloads/DAYS_like_THIS_-_When_a_man_loves_a_woman.mp3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/DAYS_like_THIS_-_When_a_man_loves_a_woman.mp3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/DAYS_like_THIS_-_When_a_man_loves_a_woman.mp3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />

<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Dance: Teil 2 - Cats And Dogs<br />
</strong>Es regnet Katzen und Hunde<br />
<em>Produktion, Co-Komposition und Gesang von Clou für die Band Teil 2</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element">
  <source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/Cats_and_Dogs.mp3']http://clou-online.de/downloads/Cats_and_Dogs.mp3[/URL]" type="audio/mpeg">
  <embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/Cats_and_Dogs.mp3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed>
</audio>
<script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/Cats_and_Dogs.mp3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />

<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Musical-Ballade: Dreamtime Downunder<br />
</strong>Das Musical One World wurde eigens für die AIDA-Clubschiffe geschrieben<br />
<em>Live-Duett, gesungen von Clou als Solist auf der AIDAvita, zusammen mit Nina Susanne Ungerer</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/Dreamtime_Downunder_-_live_(Clou_and_Nina_Ungerer).mp3']http://clou-online.de/downloads/Dreamtime_Downunder_-_live_(Clou_and_Nina_Ungerer).mp3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/Dreamtime_Downunder_-_live_(Clou_and_Nina_Ungerer).mp3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/Dreamtime_Downunder_-_live_(Clou_and_Nina_Ungerer).mp3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />

<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>A-Cappella: Rhythm Of The Rain<br />
</strong>Live-Gesang der Ocean Artists auf der MS Astoria<br />
<em>Vocal-Arrangement und Lead-Stimme von Clou</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/Rhythm_Of_The_Rain_-_A-Cappella.mp3']http://clou-online.de/downloads/Rhythm_Of_The_Rain_-_A-Cappella.mp3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/Rhythm_Of_The_Rain_-_A-Cappella.mp3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/Rhythm_Of_The_Rain_-_A-Cappella.mp3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />

<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Pop-Ballade: Someone Like Her<br />
</strong>Ballade der Band U.N.S. 5<br />
<em>Text, Lead-Stimme und Produktion von Clou</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/Someone_like_her.MP3']http://clou-online.de/downloads/Someone_like_her.MP3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/Someone_like_her.MP3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/Someone_like_her.MP3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />

<!-- Ab hier neuer Song ========================== -->
                    <p>            
<p><strong>Musical: Starlight Express<br />
</strong>Piano mit Gesang<br />
<em>Gesang von Clou</em><br />
<audio  id="audioplayer-9e3386d2b91751472afb3000219fb282"  controls="controls"  preload="preload" class="pb-html5-audio-element"><source src="[URL='http://www.forum-hilfe.de/view-source:http://clou-online.de/downloads/Starlight_Express.MP3']http://clou-online.de/downloads/Starlight_Express.MP3[/URL]" type="audio/mpeg"><embed type="application/x-shockwave-flash" flashvars="audioUrl=http://clou-online.de/downloads/Starlight_Express.MP3" src="[URL='http://www.forum-hilfe.de/view-source:http://www.clou-online.de/3523697345-audio-player.swf']http://www.clou-online.de/3523697345-audio-player.swf[/URL]" width="400" height="27" quality="best"></embed></audio><script type="text/javascript">
                agent = navigator.userAgent.toLowerCase();
                name_ff = "firefox";
                name_op = "opera";
                if (agent.indexOf(name_ff.toLowerCase())>-1 || agent.indexOf(name_op.toLowerCase())>-1) {
                    pbwp_audio = document.getElementById('audioplayer-9e3386d2b91751472afb3000219fb282');
                    pbwp_audio.style.display = "none";
                    pbwp_audio_fallback = document.createElement('embed');
                    pbwp_audio_fallback.setAttribute('type', 'application/x-shockwave-flash');
                    pbwp_audio_fallback.setAttribute('flashvars', 'audioUrl=http://clou-online.de/downloads/Starlight_Express.MP3');
                    pbwp_audio_fallback.setAttribute('src', 'http://www.clou-online.de/3523697345-audio-player.swf');
                    pbwp_audio_fallback.setAttribute('width', '400');
                    pbwp_audio_fallback.setAttribute('height', '27');
                    pbwp_audio_fallback.setAttribute('quality', 'best');
                    pbwp_audio.parentNode.insertBefore(pbwp_audio_fallback, pbwp_audio.nextSibling);
                }
                </script><br />

<!-- Ab hier neuer Song ========================== -->
</body>
</html>

Alles anzeigen

djheke

Warum es nicht funktioniert- k. A.
Aber reicht sowas nicht völlig aus

Code

<audio controls>
  <source src="http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).ogg" type="audio/ogg">
  <source src="http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).mp3" type="audio/mpeg">
  <source src="http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).wav" type="audio/wav>
Ihr Browser unterstützt kein Audio Element.
</audio>

Sailor

In deinem Quellcode ist jeweils für den <embed> Tag ein </embed> angefügt. <embed> hat aber keinen schließenden Tag.
Weiß zwar nicht, ob das dein Problem löst, aber schaden kann es nicht, wenn man valides HTML nutzt.

osaft

Zitat von djheke

Warum es nicht funktioniert- k. A.
Aber reicht sowas nicht völlig aus

Code

<audio controls>
  <source src="http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).ogg" type="audio/ogg">
  <source src="http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).mp3" type="audio/mpeg">
  <source src="http://clou-online.de/downloads/Pauline - Es regnet (Radio Edit).wav" type="audio/wav>
Ihr Browser unterstützt kein Audio Element.
</audio>

Wow. Du bist der Hammer. Super Code. Danke. Der macht den Quelltext gleich viel übersichtlicher. Und vor allem: Es funktioniert!!! VIELEN DANK!!!

Theoretisch kann ich doch auf die ogg- und die wav-Zeile verzichten, oder? Ich habe ja nur die mp3-Datei in meinem Ordner. Oder brauch ich die Zeilen für den Fall, dass irgendwas konvertiert werden muss?

- - - Aktualisiert - - -

Zitat von Sailor

In deinem Quellcode ist jeweils für den <embed> Tag ein </embed> angefügt. <embed> hat aber keinen schließenden Tag.
Weiß zwar nicht, ob das dein Problem löst, aber schaden kann es nicht, wenn man valides HTML nutzt.

Vielen Dank. Das hat mein Problem zwar nicht gelöst, ist aber trotzdem gut, zu wissen. Die Lösung hat djheke geliefert. Aber Danke trotzdem für deine Mühe.

Gastl

Zitat von osaft

Theoretisch kann ich doch auf die ogg- und die wav-Zeile verzichten, oder?

Theoretisch. Wenn du diese Datei nur für dich verwendest. Da du das aber im Web öffentlich hast, schließt du Leute mit Safari oder IE9 und höher aus.

http://wiki.selfhtml.org/wiki/HTML/Mult…ource_einbinden

osaft

Zitat von Gastl

Theoretisch. Wenn du diese Datei nur für dich verwendest. Da du das aber im Web öffentlich hast, schließt du Leute mit Safari oder IE9 und höher aus.

http://wiki.selfhtml.org/wiki/HTML/Mult…ource_einbinden

Danke auch dir vielmals. Wieder was gelernt.

R2D21

Oh da habe ich heute auch mal etwas gelernt und das obwohl ich nur entspannt bisschen lesen wollte.
Top Schönes Wochenende euch!

Tags