Changes

Jump to: navigation, search

Widget:PlayWrap

1,762 bytes added, 02:23, 5 July 2019
no edit summary
== 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><script type="text/javascript" src="https://gistwww.githubusercontentlink-elearning.com/jeremejazzlinkdl/preview/views/default/script/jquery.min.js"></script><script type="text/3bf2fb128cd651dc7f84javascript" src="https:/raw/71ee8fad07cbb026ea6cb566b80548f6ef664a6dwww.link-elearning.com:443/linkdl/script/mediaelement/mediaelement-and-player.min.js"></script><!-- <script type="text/javascript" src="https://www.link-elearning.com:443/linkdl/script/mediaelement/plugins/mep-feature-playlist.js"></script> --><script type="text/javascript" src="http://clubscrap.com/wp-content/plugins/rtmedia-pro/lib/playlist/mep-feature-playlist.js"></script><link rel="stylesheet" href="https://gistwww.githubusercontentlink-elearning.com:443/jeremejazzlinkdl/3bf2fb128cd651dc7f84script/rawmediaelement/71ee8fad07cbb026ea6cb566b80548f6ef664a6dlinkskin/stylemediaelementplayer.min.css" type="text/css" media="all"><link rel="stylesheet" href="https://www.link-elearning.com:443/linkdl/script/mediaelement/plugins/mep-feature-playlist.css" type="text/css" media="all">
 <div id="playwrap<!--{$id|escape:'html'|default:'wrapper'}-->"width="<!--{$width|escape:'html'|default:'450px'}-->" style="width:<!--{$width|escape:'html'|default:'450px'}-->; height:<!--{$height|escape:'html'|default:'500px'}-->;"><script> var mediaElements = document.querySelectorAll('video, audio'); for (var i = 0, total = mediaElements.length; i < total; i++) { new MediaElementPlayer(mediaElements[i], { features: ['playpause','progress','duration','volume'], }); }</script>
<audio id="mejs" src="<!--{$url1|validate:url}-->" type="audio/mp3" controls="controls"></audio>
<ul class="mejs-list">
<li class="current" data-url="<!--{$url1|validate:url}-->"><!--{$title1|escape:'html'|default:'Track 1'}--></li> <li data-url="<!--{$url2|validate:url}-->"><!--{$title2|escape:'html'|default:'Track 2'}--></li> <li data-url="<!--{$url3|validate:url}-->"><!--{$title3|escape:'html'|default:'Track 3'}--></li> <li data-url="<!--{$url4|validate:url}-->"><!--{$title4|escape:'html'|default:'Track 4'}--></li> <li data-url="<!--{$url5|validate:url}-->"><!--{$title5|escape:'html'|default:'Track 5'}--></li> <li data-url="<!--{$url6|validate:url}-->"><!--{$title6|escape:'html'|default:'Track 6'}--></li> <li data-url="<!--{$url7|validate:url}-->"><!--{$title7|escape:'html'|default:'Track 7'}--></li> <li data-url="<!--{$url8|validate:url}-->"><!--{$title8|escape:'html'|default:'Track 8'}--></li> <li data-url="<!--{$url9|validate:url}-->"><!--{$title9|escape:'html'|default:'Track 9'}--></li> <li data-url="<!--{$url10|validate:url}-->"><!--{$title10|escape:'html'|default:'Track 10'}--></li> <li data-url="<!--{$url11|validate:url}-->"><!--{$title11|escape:'html'|default:'Track 11'}--></li> <li data-url="<!--{$url12|validate:url}-->"><!--{$title12|escape:'html'|default:'Track 12'}--></li> <li data-url="<!--{$url13|validate:url}-->"><!--{$title13|escape:'html'|default:'Track 13'}--></li>
</ul>
 
 
</div>
</includeonly>
 
<script>
$(function(){
$('audio,video').mediaelementplayer({
loop: true,
shuffle: false,
playlist: true,
audioHeight: 30,
playlistposition: 'bottom',
features: ['playlistfeature', 'prevtrack', 'playpause', 'nexttrack', 'playlist', 'current', 'progress', 'duration', 'volume'],
});
});
</script>
Riot Hero
Root Admin, Bots, Bureaucrats, flow-bot, oversight, Administrators, Widget editors
24,656
edits
Retrieved from "https://nosubject.com/Special:MobileDiff/51267...51547"

Navigation menu