Widget:Audio: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 16: | Line 16: | ||
}} | }} | ||
</noinclude><includeonly><audio class="mejs__player" src="<!--{$url|validate:url}-->" | </noinclude><includeonly><audio class="mejs__player" src="<!--{$url|validate:url}-->" | ||
controls preload></audio><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelementplayer.min.css" /><script src="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelement-and-player.min.js"></script><script> | controls preload></audio><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mediaelement/6.0.3/mediaelementplayer.min.css" /> | ||
<style> | |||
.mejs__overlay-button { | |||
background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg"); | |||
} | |||
.mejs__overlay-loading-bg-img { | |||
background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg"); | |||
} | |||
.mejs__button > button { | |||
background-image: url("https://wiki.ekatrafoundation.org/mejs-controls.svg"); | |||
} | |||
</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'), { | var player = new MediaElementPlayer( document.querySelector('.mejs__player'), { | ||
success: function(mediaElement, originalNode, instance) { | success: function(mediaElement, originalNode, instance) { | ||
} | } | ||
}); | }); | ||
</script></includeonly> | </script> | ||
</includeonly> | |||
Revision as of 03:18, 2 August 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
}}
Parameters
- url - URL of the audio file