This is a wiki for a reason. Anyone can contribute. If you see something that is inaccurate or can be improved, don't ask that it be fixed--just improve it.
[ Disclaimer, Create new user --- Wiki markup help, Install P99 ]

Difference between revisions of "Template:Youtube"

From Project 1999 Wiki
Jump to: navigation, search
Line 1: Line 1:
 
<noinclude>
 
<noinclude>
 
This template allows you to embed a Youtube video in a page.  To use it you simply provide an (embed) Youtube URL, and optionally a height and width.
 
This template allows you to embed a Youtube video in a page.  To use it you simply provide an (embed) Youtube URL, and optionally a height and width.
 +
 +
Although you can use this template anywhere (appropriate) in the wiki, the [[Videos]] page is one great place to start.
  
 
== IMPORTANT NOTE: URLs Must Be "Embed" URLs ==
 
== IMPORTANT NOTE: URLs Must Be "Embed" URLs ==

Revision as of 01:16, 23 October 2019

This template allows you to embed a Youtube video in a page. To use it you simply provide an (embed) Youtube URL, and optionally a height and width.

Although you can use this template anywhere (appropriate) in the wiki, the Videos page is one great place to start.

Contents

IMPORTANT NOTE: URLs Must Be "Embed" URLs

The URL used must be an "embed" URL (ie. it should start with the Youtube URL, followed by "/embed/", then the video ID). You can get this URL by right-clicking on a Youtube video and choosing "Copy Embed Code". This will copy code like:

<iframe width="300" height="150" src="https://www.youtube.com/embed/CBttHicGbek" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

You want the URL inside the src="" part. In other words, you want:

<iframe width="300" height="150" src="https://www.youtube.com/embed/CBttHicGbek" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Examples

Example #1: Basic

{{youtube | https://www.youtube.com/embed/CBttHicGbek}}

Loading Video ...

Example #2: Specific Dimensions

{{youtube | url= https://www.youtube.com/embed/CBttHicGbek | height=400 | width=400 }}

Loading Video ...