The Audiovisual Identity Database:Tutorials: Difference between revisions

Jump to navigation Jump to search
Once I'm finished adding stuff the video section will be long enough to justify a separate page
imported>Hb1290
m (Text replacement - "Shortcut|CLG:" to "Shortcut|AVID:")
imported>Hb1290
(Once I'm finished adding stuff the video section will be long enough to justify a separate page)
Line 106: Line 106:
{{Main|CLG Wiki:Page Templates}}
{{Main|CLG Wiki:Page Templates}}


== Adding Videos ==
==Adding Videos
{{Shortcut|AVID:VIDEOS}}
{{Main|AVID:VIDEOS}}
You can add either YouTube or Vimeo videos to pages.
===Embedded videos===
The most common form of video on this wiki is embeds from YouTube and links from Vimeo
====YouTube====
When adding YouTube videos, use this format:
<code><nowiki>{{YouTube|id=youridhere}}</nowiki></code>
 
You can use multiple videos in this template like so:
<code><nowiki>{{YouTube|id=|id2=|id3=...></nowiki></code>
The template currently supports up to 20 videos. Each video's width and height parameters are customizable, i.e. <code><nowiki>width=|height=|width2=|height2=|width3=|height3...></nowiki></code>
 
If width and height parameters are not filled, the video will be automatically shown with the default width/height parameters (240x185).
 
You can also use these markup formats:
*<code><nowiki><center><youtube width="240" height="185">youridhere</youtube></center></nowiki></code>
*<code><nowiki><center><youtube width="240" height="185">id1</youtube><youtube width="240" height="185">id2</youtube><youtube width="240" height="185">id3</youtube>...</center></nowiki></code>
 
You can customize the width and height parameters by replacing "240" and "185" with custom numbers.
 
=====Collapsible video galleries=====
In cases where there are many logos or IDs described on a single page, you can make YouTube widgets collapsible to improve performance and reduce loading times. Simply add <code>/collapsible</code> to the YouTube markup like this:
 
<code><nowiki>{{YouTube/collapsible|id=...}}</nowiki></code>
 
This will result in the following:
 
{{YouTube/collapsible|id=vqVyVvwqyYI}}
 
====Vimeo====
Unfortunately we are unable to directly embed Vimeo uploads at this time. As a result, the parameters for the Vimeo template are slightly different from the YouTube template. To use it, type:
<code><nowiki>{{Vimeo|link1=video link|title1=the title of the video}}</nowiki></code>
 
====What is a Video ID?====
You can find the video ID by right-clicking on the YouTube Player and clicking on "Copy Video URL". The video URL for this video on [[Fox Lab]] is
 
<code>https://youtu.be/<span style="color:red">8dru7rImpOI</span></code>
 
The Video ID here is highlighted in red. This is what you have to use in the template.
 
 
On long YouTube URLs, the id is after <code>v=</code>, for example:
 
<code>https://www.youtube.com/watch?v=<span style="color:red">8dru7rImpOI</span></code>
 
 
On Vimeo, the video id is the part after the / in the url, for example:
 
<code>https://vimeo.com/<span style="color:red">18635794</span></code>
 
====Warning====
When adding embedded videos, ensure you are not adding too many to a single page without using the <code>collapsible</code> option, as having to render so many widgets on one page can slow loading times significantly and even cause browser crashes in some cases
 
===Direct Upload===
In cases where you find a video on a site where embedding is not possible, you can download the video and upload it here as a file. Uploaded videos are treated exactly the same as images on pages, so to position the videos properly, just use the same <code><gallery></code> tags you would for a normal image gallery. For videos, a height setting of 100 is ideal. When directly uploading videos, be sure to link to your source site in the credits under the video captures section.


==Adding Images==
==Adding Images==
Anonymous user

Navigation menu