Widget: Plyr-1: verschil tussen versies
Uit MediaWikiGids
| Regel 1: | Regel 1: | ||
<noinclude>Ontwikkeling voor HTML5 media speler op basis van '''plyr.js''' | <noinclude>Ontwikkeling voor HTML5 media speler op basis van '''plyr.js''' | ||
<pre>{{#widget:plyr-1 | <pre>{{#widget:plyr-1 | ||
| + | |autoplay = y/yes/1 | ||
|src_mp3 = url to mp3-file | |src_mp3 = url to mp3-file | ||
|src_ogg = url to ogg-file (optional) | |src_ogg = url to ogg-file (optional) | ||
| Regel 10: | Regel 11: | ||
</script> | </script> | ||
<link rel="stylesheet" href="https://cdn.plyr.io/3.5.10/plyr.css" /> | <link rel="stylesheet" href="https://cdn.plyr.io/3.5.10/plyr.css" /> | ||
| − | <audio id="player" controls> | + | <audio id="player" controls <!--{if $autoplay eq 'y' or $autoplay eq 'y' or $autoplay eq 'yes' or $autoplay eq 1}-->autoplay<!--{/if}-->> |
<source src="<!--{$src_mp3|validate:url}-->" type="audio/mp3" /> | <source src="<!--{$src_mp3|validate:url}-->" type="audio/mp3" /> | ||
<!--{if isset($src_ogg)}--><source src="<!--{$src_ogg|validate:url}-->" type="audio/ogg" /><!--{else}--><!--{/if}--> | <!--{if isset($src_ogg)}--><source src="<!--{$src_ogg|validate:url}-->" type="audio/ogg" /><!--{else}--><!--{/if}--> | ||
| − | <p>Your browser doesn't support HTML5 audio. Here | + | <p>Your browser doesn't support HTML5 audio. Here's a <a href="<!--{$src_mp3|validate:url}-->">link to download the mp3-audio</a> instead.</p> |
| − | |||
</audio></includeonly> | </audio></includeonly> | ||
Versie van 4 apr 2020 om 17:42
Ontwikkeling voor HTML5 media speler op basis van plyr.js
{{#widget:plyr-1
|autoplay = y/yes/1
|src_mp3 = url to mp3-file
|src_ogg = url to ogg-file (optional)
}}