Difference between revisions of "Widget:YouTube"

From Wikispooks
Jump to navigation Jump to search
m (add help)
m (→‎Placing the widget on the page: modify example code)
 
(2 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 ta page==
+
==Placing the widget on the page==
 
Use <code>div</code> tags and style statements similar to the following:
 
Use <code>div</code> tags and style statements similar to the following:
  
<code><nowiki><div style="float:right;background:#fff; border-style: solid; border-width: 1px;  margin: 1em; padding: 0.4em; margin-right:0px;"></nowiki><br/>
+
<code><nowiki><div class="thumb tright"></nowiki><br/>
<nowiki>{{#widget:YouTube|id=xxxxxxxx}}</nowiki><br/>
+
<nowiki><div class="thumbinner"></nowiki><br/>
<nowiki>wikitext-text caption about the video</nowiki><br/>
+
<nowiki>{{#widget:YouTube|width=360px|height=300px|id=xxxxxxxxxx}}</nowiki><br/>
<nowiki></div> </nowiki></code>
+
<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>