Difference between revisions of "Widget:YouTube"

From DFM Wiki
(Imported YouTube widget, but added wrapper div to make it responsive.)
 
(Add "noprint" class to YouTube container)
Line 9: Line 9:
 
== Copy to your site ==
 
== Copy to your site ==
 
To use this widget on your site, just install the [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and the copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''.
 
To use this widget on your site, just install the [https://www.mediawiki.org/wiki/Extension:Widgets MediaWiki Widgets extension] and the copy [{{fullurl:{{FULLPAGENAME}}|action=edit}} full source code] of this page to your wiki, as an article called '''{{FULLPAGENAME}}'''.
</noinclude><includeonly><div style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe width="<!--{$width|escape:'html'|default:'560'}-->" height="<!--{$height|escape:'html'|default:315}-->" src="https://www.youtube.com/embed/<!--{if isset($playlist)}-->?listType=playlist&list=<!--{$playlist|escape:'urlpathinfo'}--><!--{else}--><!--{$id|escape:'urlpathinfo'}--><!--{if isset($start)}-->?start=<!--{$start|escape:'urlpathinfo'}--><!--{/if}--><!--{/if}-->" style="border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"allowfullscreen></iframe></div></includeonly>
+
</noinclude><includeonly><div class="noprint" style="position: relative; padding-bottom: 56.25%; height: 0;"><iframe width="<!--{$width|escape:'html'|default:'560'}-->" height="<!--{$height|escape:'html'|default:315}-->" src="https://www.youtube.com/embed/<!--{if isset($playlist)}-->?listType=playlist&list=<!--{$playlist|escape:'urlpathinfo'}--><!--{else}--><!--{$id|escape:'urlpathinfo'}--><!--{if isset($start)}-->?start=<!--{$start|escape:'urlpathinfo'}--><!--{/if}--><!--{/if}-->" style="border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%;"allowfullscreen></iframe></div></includeonly>

Revision as of 14:05, 2 June 2021

This widget allows you to add a YouTube video player to your wiki page.

Created by Yaron Koren and extended by Karsten Hoffmeyer.

Using this widget

For information on how to use this widget, see the widget description page on MediaWikiWidgets.org.

Copy to your site

To use this widget on your site, just install the MediaWiki Widgets extension and the copy full source code of this page to your wiki, as an article called Widget:YouTube.