Help:Videos: Difference between revisions

Revision as of 15:58, October 31, 2010

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

Adding 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 YouTube 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=DLFDzC_ok8c the id code could be DLFDzC_ok8c. If you aren't sure what you use, you can add the whole url in place of the id code. Please also make sure the video is appropriate for everybody, 13 or up.

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>DLFDzC_ok8c</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">DLFDzC_ok8c</youtube>

This gives you:

<youtube width="200" height="200">DLFDzC_ok8c</youtube>

Adding a caption

You can add a caption to a video using the image thumbnail styles. This example will 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.

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

Template:Helplist

@@ Line 1: / Line 1: @@
-Here on this wiki we have the Youtube extension installed. You may take any video from Youtube and put it on the wiki to play. However, there is one rule:
+[[Category:Help]]
-{| align="center" style="width: 80%; background-color: #f1f1de; border: 2px solid #996; padding: 5px; color:black"
+Video from YouTube can be shown on any Halopedia page using simple code.  The video is not uploaded to Halopedia, but '''embedded'''.  This means it is stored on YouTube, then called from there to be viewed on Halopedia.
-|
-'''YOUTUBE VIDEOS SHOULD ONLY BE EMBEDDED IN [[Special:MyPage|YOUR USER PAGE]], NOT ON ANY ARTICLE, TEMPLATE, OR ANY OTHER NAMESPACE.''' Certain YouTube videos can be used as reference links in the reference section of articles, but do not embed the video in the article itself.
-|}
-To include videos, you must take the ID of the video and put it in between <nowiki><youtube></nowiki> tags. So for [http://www.youtube.com/watch?v=k9ez7iNjoVg this ''Halo: Reach'' trailer], the ID is <tt>k9ez7iNjoVg</tt>. Thus the code is
+==Adding a YouTube video==
-<pre><youtube>k9ez7iNjoVg</youtube></pre>
+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 string of letters and numbers after "v=" in the URL is the id code.  So for the URL: '''<nowiki>http://www.youtube.com/watch?v=DLFDzC_ok8c</nowiki>''' the id code could be '''DLFDzC_ok8c'''.  If you aren't sure what you use, you can add the whole url in place of the id code.
+Please also make sure the video is appropriate for everybody, 13 or up.
-and produces
+YouTube videos are embedded with the code:
-<center><youtube>k9ez7iNjoVg</youtube></center>
+ <nowiki><youtube></youtube></nowiki>
-This case also uses <tt><nowiki><center></nowiki></tt> tags to center the video.
-[[Category:Help|{{PAGENAME}}]]
+The id code for the video you want to show goes between the two tags:
+ <nowiki><youtube>id code</youtube></nowiki>
+"id code" is the code from the URL.  So an example might be:
+ <nowiki><youtube>DLFDzC_ok8c</youtube></nowiki>
+===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:
+ <nowiki><youtube width="200" height="200">DLFDzC_ok8c</youtube></nowiki>
+This gives you:
+<youtube width="200" height="200">DLFDzC_ok8c</youtube>
+==Adding a caption==
+You can add a caption to a video using the image thumbnail styles. This example will 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.
+<pre>
+<div class="thumb tright"  style="width:200px;">
+<div class="thumbcaption">CAPTION</div>
+<youtube width="200" height="200">YouTube ID</youtube>
+</div>
+</pre>
+{{Helplist}}
+[[Category:Help]]