Wikia

The One Wiki to Rule Them All

Help:YouTube

Talk0
4,608pages on
this wiki
Revision as of 03:18, April 27, 2012 by Wagnike2 (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
For policy on using YouTube videos please see LOTR:YouTube

Video from YouTube can be shown on any Wikia page using simple code. The video is not uploaded to Wikia, but embedded. This means it is stored on YouTube, then called from there to be viewed on Wikia.

Contents

Adding a YouTube videoEdit

To add a YouTube video, you need the id code for the video. The easiest way to find this is to look at the URL of the YouTube page for the video. The sting of letters and numbers after "v=" in the URL is the id code. So for the URL: http://www.youtube.com/watch?v=WtWWwHk3BnI the id code could be WtWWwHk3BnI. If you aren't sure what you use, you can add the whole url in place of the id code.

YouTube videos are embedded with the code:

<youtube></youtube>

The id code for the video you want to show goes between the two tags:

<youtube>id code</youtube> 

"id code" is the code from the URL. So an example might be:

<youtube>WtWWwHk3BnI</youtube> 
===Changing the size of the video=== You can change the width and height of the video box, to a maximum of 425x350 pixels. If you specify width and height, and those settings are not in proportion to the YouTube screen, then you will have empty space around the video. In most cases, the width determines the screen size in this situation. * Width is controlled with width="xxx", where xxx is the number of pixels. The default is 425 pixels. * Height is controlled in the same way with height="xxx". The default is 350 pixels. A full example would be: <youtube width="200" height="200">WtWWwHk3BnI</youtube> This gives you:

Useful TemplateEdit

For a tidy easy to use template, use the following code:

{{YouTube
|name=
|video=<youtube>CODE123456</youtube>
|caption=CAPTION
}}

Adding a captionEdit

You can add a caption to a video using the image thumbnail styles.

The basic form is:

 
<div>
<div class="thumbcaption">CAPTION</div>
<youtube width="125" height="100">ID</youtube>
</div>

Controlling placementEdit

You can control placement again using the image thumbnail style.

In this example you can add a video with a width of 200px, float it to the right of the page, and add a caption at the top. Simply edit the ID and CAPTION and pixel sizes to suit.

<div class="thumb tright"  style="width:200px;">
<div class="thumbcaption">CAPTION</div>
<youtube width="200" height="200">ID</youtube>
</div>

Placing the caption below the videoEdit

You can use the following code (or similar) to place the caption below the video:

<youtube width="200" height="200">ID</youtube><br />
<small>CAPTION</small>


Examples Edit

Here list pages on this wiki which have videos:

This extension is enabled by default on Wikia.

The easiest way to embed video from several online video hosting services is to use the Video Embed Tool. That tool supports a number of different video types from several popular sources, including YouTube.

This page documents how to use the older, less versatile YouTube video extension. This extension allows you to add video to any Wikia page using simple code. The video is not uploaded to Wikia, but embedded, meaning it is stored on YouTube but watchable from Wikia.

How do I add a YouTube video using the YouTube extension?

To add a YouTube video using the Youtube extension, you need the id code for the video. The string of letters and numbers after "v=" in the URL is the id code. So for the URL: http://www.youtube.com/watch?v=CCz1kmfqL7g the id code would be CCz1kmfqL7g.

2012-11-16 1622
The ID Code

If you aren't sure what to use, you can just add the whole url in place of the id code.

YouTube videos are embedded using two tags, with the id code for the video you want to show between them:

<youtube>id code</youtube>

"id code" is the code from the URL. So in our example, you would use:

<youtube>CCz1kmfqL7g</youtube>

Can I display the video at a smaller size?

Youtube1
Embedding a video from YouTube can give a great new look to an article

You can change the width and height of the video box, to a maximum of 640x385 pixels. For best results, the height should be about 3/5 (60%) of the width. Some examples of good ratios include 200x120, 375x275, and 500x300.

If you specify width and height, and those settings are not in proportion to the YouTube screen, then you will have empty space around the video. In most cases, the width determines the screen size in this situation.

  • Width is controlled with width="xxx", where xxx is the number of pixels. The default is 640 pixels.
  • Height is controlled in the same way with height="xxx". The default is 385 pixels.

A full example would be:

<youtube width="200" height="120">CCz1kmfqL7g</youtube>

width="500" height="300":
width="375" height="225":
width="200" height="120":

Can I add a caption?

You can add a caption to a video using the image thumbnail styles. You can use all normal wikitext formatting in your caption.

The basic form is:

<div>
<div class="thumbcaption">CAPTION</div>
<youtube width="200" height="120">ID</youtube>
</div>

This code places the caption, in a smaller font, below the video:

<div class="thumb tright" style="width:256px;"> 
<div class="thumbinner">
<youtube width="200" height="120">ID</youtube>
<div class="thumbcaption">
CAPTION
</div>
</div>
</div>

Can I move the video to the right?

This is an important caption.

You can control video placement using the image thumbnail style.

In this example you can add a video with a width of 250px, float it to the right of the page, and add a caption at the top. Simply edit the ID and CAPTION and pixel sizes to suit.

<div class="thumb tright" style="width:256px;">
<div class="thumbinner">
<div class="thumbcaption">CAPTION</div>
<youtube width="200" height="120">ID</youtube>
</div>
</div>

Can I use a template to embed videos?

If you intend to use a lot of YouTube videos on your wiki, you can make a template to make adding videos easier, and to display all videos in a standardized way. However, because of the order in which the template and the extension are processed, the <youtube> extension code itself cannot contain template parameters.

A sample template which overcomes this limitation is available at Template:YouTube, with documentation at Template talk:YouTube.

Further Help and Feedback

Photos

Add a Photo
4,723photos on this wiki
See all photos >

Recent Wiki Activity

See more >

Around Wikia's network

Random Wiki