Locked
Halopedia

Help:Videos: Difference between revisions

From Halopedia, the Halo wiki

(Update with a cool optional method to use with templates or like thumbnails + Vimeo)
m (Bot: Automated text replacement (-^ +{{Status|Halopedia}}\n))
 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
{{Status|Halopedia}}
[[Category:Help]]
[[Category:Help]]
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.
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==
==Adding a YouTube video==
=== Parser function method ===
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>https://www.youtube.com/watch?v=-IhGS0OSdh4</nowiki>''', the ID code could be '''-IhGS0OSdh4'''.
{{#youtube:DLFDzC_ok8c|200px|right|Check this out!}}
 
{{#widget:YouTube|id=-IhGS0OSdh4|thumb|width=300px|caption=Check this out!}}
YouTube videos can be added using the following parser function syntax:
YouTube videos can be added using the following parser function syntax:


  <nowiki>{{#youtube:VIDEOID|width|align|description|height}}</nowiki>
  <nowiki>{{#widget:YouTube|id=VIDEOID|thumb|width=300px|caption=Check this out!}}</nowiki>


This style can be used in templates and supports passing parameters to the tag. The video ID is the only mandatory field; the rest are optional. Setting '''align''' to "left" or "right" automatically uses the thumbnail-style frame for video with the value for "description" as its caption. The video will automatically resize to 4:3 with just the width provided, but the height may be provided if you require a different aspect ratio (such as 16:9).
This style can be used in templates and supports passing parameters to the tag. The video ID is the only mandatory field; the rest are optional. Including the "thumb" parameter uses the thumbnail-style frame for video with the value for "caption" as its caption. The video will automatically resize to 16:9 with just the width provided, but the height may be provided if you require a different aspect ratio (such as 4:3).


For example, the video on the right is embedded with this code:
For example, the video on the right is embedded with this code:


  <nowiki>{{#youtube:DLFDzC_ok8c|200px|right|Check this out!}}</nowiki>
  <nowiki>{{#widget:YouTube|id=DLFDzC_ok8c|thumb|width=300px|caption=Check this out!}}</nowiki>
 
If you don't want to use the thumb format but still want to specify the height, the following format will work as well:
 
<nowiki>{{#youtube:VIDEOID|width|height}}</nowiki>
 
=== Legacy method ===
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.
 
YouTube videos are embedded with the code:
 
<nowiki><youtube></youtube></nowiki>
 
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 640x480 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 420 pixels.
* Height is controlled in the same way with height="xxx". The default is 315 pixels.


A full example would be:
If you don't want to use the thumb format, just don't include the "thumb" parameter. A "left", "right", or "center" parameter may also be used to align the video in each respected way, and a "height" parameter to specify the video height. The parameters can be placed in any order.


  <nowiki><youtube width="425" height="300">92Bbw-KHajs</youtube></nowiki>
  <nowiki>{{#widget:YouTube|id=DLFDzC_ok8c|center|height=400px|caption=Check this out!}}</nowiki>


== Adding a Vimeo video ==
== Adding a Vimeo video ==
Vimeo videos can be added using the exact same formats as YouTube—just replace "youtube" with "vimeo" for either the parser function method or the legacy method. Examples:
Vimeo videos can be added using the exact same formats as YouTube—just replace "YouTube" with "Vimeo" as the widget tag. Examples:


  <nowiki>{{#vimeo:VIDEOID|width|align|description|height}}</nowiki>
  <nowiki>{{#widget:Vimeo|id=VIDEOID}}</nowiki>
  <nowiki><vimeo width="425" height="300">VIDEOID</youtube></nowiki>
  <nowiki>{{#widget:Vimeo|id=VIDEOID|thumb|width=300px|caption=Check this out!}}</nowiki>


These tags work the exact same way as described above.
These tags work the same way as described above.


{{Helplist}}
{{Halopedia HAGP}}


[[Category:Help]]
[[Category:Help]]

Latest revision as of 14:14, March 18, 2022

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: https://www.youtube.com/watch?v=-IhGS0OSdh4, the ID code could be -IhGS0OSdh4.

Check this out!
YouTube videos can be added using the following parser function syntax: 

{{#widget:YouTube|id=VIDEOID|thumb|width=300px|caption=Check this out!}}

This style can be used in templates and supports passing parameters to the tag. The video ID is the only mandatory field; the rest are optional. Including the "thumb" parameter uses the thumbnail-style frame for video with the value for "caption" as its caption. The video will automatically resize to 16:9 with just the width provided, but the height may be provided if you require a different aspect ratio (such as 4:3).

For example, the video on the right is embedded with this code: 

{{#widget:YouTube|id=DLFDzC_ok8c|thumb|width=300px|caption=Check this out!}}

If you don't want to use the thumb format, just don't include the "thumb" parameter. A "left", "right", or "center" parameter may also be used to align the video in each respected way, and a "height" parameter to specify the video height. The parameters can be placed in any order. 

{{#widget:YouTube|id=DLFDzC_ok8c|center|height=400px|caption=Check this out!}}

Adding a Vimeo video

Vimeo videos can be added using the exact same formats as YouTube—just replace "YouTube" with "Vimeo" as the widget tag. Examples: 

{{#widget:Vimeo|id=VIDEOID}}
{{#widget:Vimeo|id=VIDEOID|thumb|width=300px|caption=Check this out!}}

These tags work the same way as described above.

v • d • e
 
Help and guideline pages
Guidelines
Editing and files
Social
Retrieved from "https://www.halopedia.org/index.php?title=Help:Videos&oldid=1491704"