查看“Widget:Html5mediaAudio”的源代码

<noinclude>__NOTOC__
This widget allows you to embed '''[https://github.com/etianen/html5media HTML5 Audio Media]''' on your wiki page.

Created by [https://www.wikihoster.net Karsten Hoffmeyer].

== Using this widget ==
For information on how to use this widget, see [http://www.mediawikiwidgets.org/Html5mediaAudio widget description page on MediaWikiWidgets.org].

== Copy to your site ==
To use this widget on your site, just install [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy the [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as page '''{{FULLPAGENAME}}'''.
</noinclude><includeonly><span data-src="<!--{$url|validate:url}-->" class="html5mediaAudio">正在加载中……</span><!--{if !isset($wgHtml5mediaAudio) || !$wgHtml5mediaAudio}--><!--{assign var="wgHtml5mediaAudio" value=true scope="global"}--><script>
window.RLQ = window.RLQ || [];
window.RLQ.push(function(){
    mw.loader.implement("widgetHtml5mediaAudio",function($, jQuery){
        $.getScript("//api.html5media.info/1.2.2/html5media.min.js", function() {
            $(window).on('load', function() {
                $('.html5mediaAudio').each(function (){
                    $(this).empty().append($('<audio/>', {
                        attr :{
                            controls: true,
                            preload: true,
                            src: this.dataset.src
                        }
                    }));
                });
            });
        });
    });
});</script><!--{/if}--></includeonly>