... |
... |
@@ -10,18 +10,18 @@ |
10 |
10 |
|
11 |
11 |
<br><br> |
12 |
12 |
|
13 |
|
-<div id="playerarea"> |
14 |
|
- <audio controls style="width: 100%;"> |
15 |
|
- <source src="" type="audio/mpeg"> |
16 |
|
- Your browser does not support the audio element. |
17 |
|
- </audio> |
18 |
|
-</div> |
|
13 |
+<audio id="player" controls style="width: 100%;"> |
|
14 |
+ <source id="playerSource" src="" type="audio/mpeg"> |
|
15 |
+ Your browser does not support the audio element. |
|
16 |
+</audio> |
19 |
19 |
|
20 |
20 |
<script> |
21 |
21 |
function changeTrack(select) { |
22 |
|
- var src = select.value; |
23 |
|
- var playerArea = document.getElementById('playerarea'); |
24 |
|
- playerArea.innerHTML = '<audio controls style="width:100%;"><source src="' + src + '" type="audio/mpeg">Your browser does not support the audio element.</audio>'; |
|
20 |
+ var player = document.getElementById('player'); |
|
21 |
+ var source = document.getElementById('playerSource'); |
|
22 |
+ source.src = select.value; |
|
23 |
+ player.load(); |
|
24 |
+ player.play(); |
25 |
25 |
} |
26 |
26 |
</script> |
27 |
27 |
{{/html}} |