Widget:Audio: Difference between revisions

Latest revision as of 18:51, 9 October 2023

This widget allows you to add HTML5 Audio Media to your wiki page. For video files see the Video page.

To insert this widget, use the following code:

{{#widget:Audio
|url=https://wiki.ekatrafoundation.org/images/4/4d/Sample2.mp3
}}

@@ Line 15: / Line 15: @@
 |url=https://wiki.ekatrafoundation.org/images/4/4d/Sample2.mp3
 }}
-</noinclude><includeonly><audio class="mejs__player" src="<!--{$url|validate:url}-->"
+</noinclude><includeonly><div class="wikiaudioplayer"><audio src="<!--{$url|validate:url}-->"
-controls preload></audio><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelementplayer.min.css" />
+controls preload></audio></div>
-<style>
-.mejs__overlay-button {
-	background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg") !important;
-}
-.mejs__overlay-loading-bg-img {
-	background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg") !important;;
-}
-.mejs__button > button {
-	background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg") !important;;
-}
-</style>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelement-and-player.min.js"></script><script>
-	var player = new MediaElementPlayer( document.querySelector('.mejs__player'), {
-		success: function(mediaElement, originalNode, instance) {
-		}
-	});
-</script>
 </includeonly>