Widget:AudioPlayer: Difference between revisions

@@ Line 1: / Line 1: @@
 <includeonly>
-<div style="display: inline-block;">
+<div id="audioplayer-{{{id|1}}}"></div>
-   <audio controls preload="metadata" style="width:200px;">
+<script>
-    <source src="{{{url}}}" type="audio/ogg">
+(function() {
-    Your browser does not support the audio element.
+  var container = document.getElementById("audioplayer-{{{id|1}}}");
-   </audio>
+  if (!container) return;
-</div>
+  var audio = document.createElement("audio");
+   audio.setAttribute("controls", "");
+  audio.setAttribute("preload", "metadata");
+  audio.style.maxWidth = "240px";
+  var src = document.createElement("source");
+  src.src = "{{{url}}}";
+  src.type = "audio/ogg";
+  audio.appendChild(src);
+   container.appendChild(audio);
+})();
+</script>
 </includeonly>

Anonymous