User:K599/TwitchClip.js

//Author: K599 / Kelvs599

//Code based on https://dev.fandom.com/wiki/MediaWiki:YoutubePlayer/code.js

//Loading this JavaScript allows Twitch clips to be embedded. Go to your MediaWiki:Common.js, or wherever you're loading your JS, and either copy this page's code or insert the following line: //mw.loader.load('https://meta.miraheze.org/w/index.php?title=User:K599/TwitchClip.js&action=raw&ctype=text/javascript');

//You embed by inserting the following code: // //The full list of parameters is as follows: // //Explanations for each parameter can be found on https://dev.twitch.tv/docs/embed/video-and-clips (note that this script sets "parent" automatically) //Default width and height is 620x378.

mw.hook('wikipage.content').add(function($content) {   $content.find('.twitchclip:not(.loaded)').each(function { var $this = $(this), data = $this.data, uri = new mw.Uri('https://clips.twitch.tv/embed/'), width = typeof data.width === 'number' ? data.width + 'px' : String(data.width || '').trim, height = typeof data.height === 'number' ? data.height + 'px' : String(data.height || '').trim;

uri.query = { clip: String(data.slug || '').trim, autoplay: String(data.autoplay ?? '').trim, muted: String(data.muted ?? '').trim, parent: mw.config.get('wgServerName') };

$this.html(           $(' ', { src: uri.toString, style: 'width: ' + (width ? width : height ? 'calc(' + height + ' * 310 / 189)' : '620px') + '; height: ' + (height ? height : width ? 'calc(' + width + ' * 189 / 310)' : '378px') + ';', frameborder: '0', scrolling: 'no', allowfullscreen: 'true' })       ).addClass('loaded'); }); });