Difference between revisions of "Widget:YouTube"

From Wikispooks
Jump to navigation Jump to search
m (clarify use)
m (→‎Placing the widget on the page: modify example code)
 
(3 intermediate revisions by 2 users not shown)
Line 13: Line 13:
 
For further information see [http://www.mediawikiwidgets.org/YouTube widget description page on MediaWikiWidgets.org].
 
For further information see [http://www.mediawikiwidgets.org/YouTube widget description page on MediaWikiWidgets.org].
  
 +
==Placing the widget on the page==
 +
Use <code>div</code> tags and style statements similar to the following:
 +
 +
<code><nowiki><div class="thumb tright"></nowiki><br/>
 +
<nowiki><div class="thumbinner"></nowiki><br/>
 +
<nowiki>{{#widget:YouTube|width=360px|height=300px|id=xxxxxxxxxx}}</nowiki><br/>
 +
<nowiki><div class="thumbcaption">Caption text goes here.</nowiki><br/>
 +
<nowiki></div></div></div></nowiki></code>
  
 
</noinclude><includeonly><iframe width="<!--{$width|escape:'html'|default:'425'}-->" height="<!--{$height|escape:'html'|default:355}-->" src="https://www.youtube.com/embed/<!--{if isset($playlist)}-->?listType=playlist&list=<!--{$playlist|escape:'urlpathinfo'}--><!--{else}--><!--{$id|escape:'urlpathinfo'}--><!--{/if}-->" frameborder="0" allowfullscreen></iframe></includeonly>
 
</noinclude><includeonly><iframe width="<!--{$width|escape:'html'|default:'425'}-->" height="<!--{$height|escape:'html'|default:355}-->" src="https://www.youtube.com/embed/<!--{if isset($playlist)}-->?listType=playlist&list=<!--{$playlist|escape:'urlpathinfo'}--><!--{else}--><!--{$id|escape:'urlpathinfo'}--><!--{/if}-->" frameborder="0" allowfullscreen></iframe></includeonly>

Latest revision as of 08:55, 6 March 2014

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

It was created by Yaron Koren.

Using this widget

Paste the following code {{#widget:YouTube|id=xxxxxxxx}}

Default height and width are 420 x 350. Change with additional parameters:

  • Height=
  • width=

For further information see widget description page on MediaWikiWidgets.org.

Placing the widget on the page

Use div tags and style statements similar to the following:

<div class="thumb tright">
<div class="thumbinner">
{{#widget:YouTube|width=360px|height=300px|id=xxxxxxxxxx}}
<div class="thumbcaption">Caption text goes here.
</div></div></div>