Difference between revisions of "Widget:YouTube"
Jump to navigation
Jump to search
(typo) |
m (→Placing the widget on the page: modify example code) |
||
| Line 16: | Line 16: | ||
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 | + | <code><nowiki><div class="thumb tright"></nowiki><br/> |
| − | <nowiki>{{#widget:YouTube|id= | + | <nowiki><div class="thumbinner"></nowiki><br/> |
| − | <nowiki> | + | <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>
