The Audiovisual Identity Database:Tutorials: Difference between revisions
Jump to navigation
Jump to search
The Audiovisual Identity Database:Tutorials (view source)
Revision as of 04:22, 17 April 2022
, 17 April 2022→Adding Videos
imported>Hb1290 (That image won't format properly there) |
imported>Hb1290 |
||
| Line 108: | Line 108: | ||
{{Shortcut|CLG:VIDEOS}} | {{Shortcut|CLG:VIDEOS}} | ||
You can add either YouTube or Vimeo videos to pages. | You can add either YouTube or Vimeo videos to pages. | ||
==Embedded videos== | |||
===YouTube=== | 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: | When adding YouTube videos, use this format: | ||
<code><nowiki>{{YouTube|id=youridhere}}</nowiki></code> | <code><nowiki>{{YouTube|id=youridhere}}</nowiki></code> | ||
| Line 125: | Line 126: | ||
You can customize the width and height parameters by replacing "240" and "185" with custom numbers. | You can customize the width and height parameters by replacing "240" and "185" with custom numbers. | ||
====Collapsible video galleries==== | =====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: | 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: | ||
| Line 134: | Line 135: | ||
{{YouTube/collapsible|id=vqVyVvwqyYI}} | {{YouTube/collapsible|id=vqVyVvwqyYI}} | ||
===Vimeo=== | ====Vimeo==== | ||
Unfortunately we are unable to directly embed Vimeo uploads at this time. As a result, he parameters for the Vimeo template are slightly different from the YouTube template. To use it, type: | Unfortunately we are unable to directly embed Vimeo uploads at this time. As a result, he 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> | <code><nowiki>{{Vimeo|link1=video link|title1=the title of the video}}</nowiki></code> | ||
===What is a Video ID?=== | ====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 | 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 | ||
| Line 155: | Line 156: | ||
<code>https://vimeo.com/<span style="color:red">18635794</span></code> | <code>https://vimeo.com/<span style="color:red">18635794</span></code> | ||
===Warning=== | ====Warning==== | ||
When adding 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 | 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. Before uploading, ***you must ensure your files are converted to the Ogg Vorbis Video format (.ogv)***. There are a number of free conversion sites available to do this. Once you've converted your files, you can upload them the same way you would an image. 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 150 is ideal. | |||
==Adding Images== | ==Adding Images== | ||