Difference between revisions of "Widget:YouTube"

From DFM Wiki
(Imported YouTube widget, but added wrapper div to make it responsive.)
 
 
(5 intermediate revisions by the same user not shown)
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><div class="printonly"><!--{if isset($id)}--><figure><img src="https://img.youtube.com/vi/<!--{$id|escape:'urlpathinfo'}-->/hqdefault.jpg"><figcaption><p>YouTube: <a href="https://www.youtube.com/watch?v=<!--{$id|escape:'urlpathinfo'}-->">https://www.youtube.com/watch?v=<!--{$id|escape:'urlpathinfo'}--></a></p></figcaption></figure><!--{/if}--></div></includeonly>

Latest revision as of 08:40, 3 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.