Hallo,
ich würde gerne auf einer Seite mehrere mp3 Dateien abspielen, ohne Flash zu nutzen.
Zum einem geht ja die Anweisung
<audio src="mp3/September 2013/1 xxxxx.mp3" controls > </audio> xxxxxx.mp3<br>
Allerdings wird immer der player angezeigt. Hier würde ich gerne nur ein icon haben.
Nun habe ich folgendes gefunden, was allerdings immer nur den ersten Eintrag abspielt und die anderen ignoriert.
Ich denke, da habe ich was falsche gemacht, aber auf der Seite, wo ich den Code gefunden habe, hilft mir nicht weiter. Hat da jemand einen Idee?
Vielen Dank
Grüße
Thomas
ich würde gerne auf einer Seite mehrere mp3 Dateien abspielen, ohne Flash zu nutzen.
Zum einem geht ja die Anweisung
<audio src="mp3/September 2013/1 xxxxx.mp3" controls > </audio> xxxxxx.mp3<br>
Allerdings wird immer der player angezeigt. Hier würde ich gerne nur ein icon haben.
Nun habe ich folgendes gefunden, was allerdings immer nur den ersten Eintrag abspielt und die anderen ignoriert.
Ich denke, da habe ich was falsche gemacht, aber auf der Seite, wo ich den Code gefunden habe, hilft mir nicht weiter. Hat da jemand einen Idee?
Vielen Dank
Grüße
Thomas
HTML:
<!doctype html>
<html lang="en">
<head>
.....
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?
......
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
....
</head>
<body>
........
<div id="desc">
<h2 style="margin-top:38px;">Play/pause music with one button using jQuery</h2>
<a id="mtoogle" style="cursor:pointer;"> <img src="http://ftutorials.com/wp-content/uploads/2013/08/speaker.png"></a>
<audio id="playTune">
<source src="aaaaaaa.mp3">
</audio> 1Intro/aaaaaa.mp3 <br>
<script type="text/javascript">
$('#mtoogle').toggle(
function () {
document.getElementById('playTune').play();
},
function () {
document.getElementById('playTune').pause();
}
);
</script>
</div>
<div id="desc">
<h2 style="margin-top:38px;">Play/pause music with one button using jQuery</h2>
<a id="mtoogle" style="cursor:pointer;"> <img src="http://ftutorials.com/wp-content/uploads/2013/08/speaker.png"></a>
<audio id="playTune">
<source src="mp3/September 2013/1 xxxxxx.mp3">
</audio> xxxxxxx.mp3 <br>
<script type="text/javascript">
$('#mtoogle').toggle(
function () {
document.getElementById('playTune').play();
},
function () {
document.getElementById('playTune').pause();
}
);
</script>
</div>
.......
</body>