Adding YouTube

Video from several online video hosting services (YouTube, Google Video,,, WeGame,, other sites) can be shown on any Wikia page using simple code. The video is not uploaded to Wikia, but embedded, meaning it is stored on YouTube, then called from there to be viewed on Wikia.

See also Help:Videos for other video-related extensions.

How do I add a YouTube video?Edit


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

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 You Tube page for the video. The string of letters and numbers after "v=" in the URL is the id code. So for the URL: the id code would be CCz1kmfqL7g. If you aren't sure what to use, you can 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:


Can I display the video at a smaller size?Edit

You can change the width and height of the video box, to a maximum of 425x355 pixels. For best results, the height should be about 5/6 (83.3%) of the width. Some examples of good ratios include 125x100, 200x160, and 250x200.

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 355 pixels.

A full example would be:

<youtube width="250" height="200">CCz1kmfqL7g</youtube>
width="250" height="200":
The Lion Sleeps Tonight

The Lion Sleeps Tonight

width="200" height="160":
The Lion Sleeps Tonight

The Lion Sleeps Tonight

width="125" height="100":
The Lion Sleeps Tonight

The Lion Sleeps Tonight

Can I add a caption?Edit

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 class="thumbcaption">CAPTION</div>
<youtube width="125" height="100">ID</youtube>

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

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

Can I center the video, or move it to the right?Edit

This is an important caption.
The Lion Sleeps Tonight

The Lion Sleeps Tonight

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="250" height="200">ID</youtube>

Can I use a template to embed videos?Edit

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.

Other usable video sitesEdit

The video extension also supports several other video hosting sites. Replace "id" with the unique identifier each site uses in their URLs.

Google Video
  • <gvideo gvid="id" width="width" height="height" />
  • <gvideo width height>id</> audio and video
  • <aovideo aovid width height />
  • <aoaudio aoaid width height />
WeGame video
  • <wegame weid width height /> video
  • <gtrailer gtid="id"/>
  • <gtrailer>id</gtrailer>
Tangler forum
  • <tangler tid gid />
  • <tangler> tid | gid </tangler>
  • <tangler>id=xxx|gid=xxx</tangler>