... |
... |
@@ -1,5 +1,15 @@ |
1 |
|
-<figure> |
2 |
|
- <figcaption>Listen to the T-Rex:</figcaption> |
3 |
|
- <audio controls src="/shared-assets/audio/t-rex-roar.mp3"></audio> |
4 |
|
- <a href="/shared-assets/audio/t-rex-roar.mp3"> Download audio </a> |
5 |
|
-</figure> |
|
1 |
+{{html}} |
|
2 |
+<link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" /> |
|
3 |
+<script src="https://cdn.plyr.io/3.7.8/plyr.polyfilled.js"></script> |
|
4 |
+ |
|
5 |
+<audio id="player" controls style="width:100%;"> |
|
6 |
+ <source src="/bin/download/Pro%20White%20Music/ProWhiteMusicPlayer/01%20-%20Shit%20out.mp3" type="audio/mp3" /> |
|
7 |
+</audio> |
|
8 |
+ |
|
9 |
+<script> |
|
10 |
+document.addEventListener('DOMContentLoaded', () => { |
|
11 |
+ const player = new Plyr('#player'); |
|
12 |
+}); |
|
13 |
+</script> |
|
14 |
+{{/html}} |
|
15 |
+ |