Help:Displaying videos
From Wikia Help
- This extension is enabled by default on Wikia.
|
Video from several online video hosting services (YouTube, Google Video, Archive.org, Blip.tv, WeGame, GameTrailers.com, 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?
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: http://www.youtube.com/watch?v=CCz1kmfqL7g 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:
<youtube>CCz1kmfqL7g</youtube>
Can I display the video at a smaller size?
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": | width="200" height="160": | width="125" height="100": |
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="125" height="100">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="250" height="200">ID</youtube> <div class="thumbcaption"> CAPTION </div> </div> </div>
Can I center the video, or move it to the right?
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> </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.
Other usable video sites
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</>
- Archive.org audio and video
<aovideo aovid width height /><aoaudio aoaid width height />
- WeGame video
<wegame weid width height />
- GameTrailers.com video
<gtrailer gtid="id"/><gtrailer>id</gtrailer>
- Tangler forum
<tangler tid gid /><tangler> tid | gid </tangler><tangler>id=xxx|gid=xxx</tangler>
Examples of embedded video at Wikia
Are you using video on your Wikia? Please add to the list of examples below to show people how this feature can be used.
- Video clip of English lesson activity on WikiJET
- Videos showing the 3D strategy game Glest
- UnNews is now available on video
- Cisco's Human Networking commercial on the Human Network Wiki
- The Gaiapedia using YouTube videos to show off the battle system teaser video.
- The Gaiapedia using YouTube videos to show off recorded footage from The Otakon 2006 Gaia Online Panel.
- A category about videos in articles (Hungarian Spamwiki)
- Sport, Arts & Culture on Sustainable Community Action
- Psychology wiki listing of clips
- Lord of the Rings parodies
- Subpage showing the latest videos for an upcoming Grand Theft Auto modification
- Redwall Wiki: Introduction themes to various seasons of the Redwall Television Series
- Electrocuting an Elephant at the Spanish Art Wiki
- Kuk Sool Won: Martial Arts in Motion
- Featured Video on the Ghostbusters Wiki main page
- An german eaample from the Lachfisch-Server
- Videopedia - a Videoportal with a lot of YouTube Videos (German)
- Homeworld wikia shows how weapons work in game - here it's Sajuuk Main Cannon
