Brontekst bekijken van Audio & video

Uit zichzelf ondersteunt MediaWiki het afspelen van audio- en videobestanden niet. In de meest voorkomende situaties wordt hiervoor de [https://www.mediawiki.org/wiki/Extension:TimedMediaHandler Extensie:TimedMediaHandler] geïnstalleerd.

== HTML5 ==

De komst van HTML5 biedt de mogelijkheid om <code><audio></code> en <code><video></code>-tags te gebruiken en daarmee de afspeelmogelijkheden van de eigen browser te gebruiken. Ondersteuning hiervan in moderne browsers is nog niet perfect en ook ondersteunt de standaard wikitext deze mogelijkheid (nog) niet. 

Het gebruik van een eenvoudig widget kan hiervoor een uitkomst zijn. 

Dit is de inhoud van '''Widget:HTML5 Media''', dat op zijn beurt weer gebruik maakt van [https://github.com/etianen/html5media '''html5media.min.js''']. Dit widget is gericht op '''video''' (geen audio).
<pre>
<noinclude>__NOTOC__
This widget allows you to embed '''[https://github.com/etianen/html5media HTML5 Media]''' on your wiki page.

Created by [http://www.mediawikiwidgets.org/User:Taipan taipan]

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

== Copy to your site ==
To use this widget on your site, just install [http://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki as '''{{FULLPAGENAME}}''' article.
</noinclude><includeonly><script src="http://api.html5media.info/1.1.8/html5media.min.js"></script><video src="<!--{$url|validate:url}-->" width="<!--{$width|default:425|validate:int|escape:'html'}-->" height="<!--{$height|default:355|validate:int|escape:'html'}-->"
controls preload></video></includeonly>
</pre>

=== Voorbeeld: Gebruik Widget:HTML5 Media voor audio ===
Standaard widget (met <code>video</code>-tags is ook bruikbaar voor audio alleen, maar geeft alleen '''play / pause'''-knop.
{{#widget:HTML5 Media
|url=http://theatercollectie.uva.nl/media/550001604.001a.mp3
|width=200
|height=50
}}

=== Alternatieve HTML5 players ===

Plyr: [https://github.com/sampotts/plyr Op Github]
Widget: [[Widget:Plyr-1]]