Template:Video: Difference between revisions

Latest revision as of 10:47, 7 April 2025

YouTube video embeds

{{Video
|videoName = IZ*ONE Panorama
|ytVideoId = G8GaQdW2wHc
}}

YouTube video embed (fixed to the right of page)

Template parameters[Edit template data]
Parameter		Description	Type	Status
Video Name	`videoName` `Video Name`	The name of the video that will appear below the embed Example IZ*ONE - Panorama	String	required
YouTube Video ID	`ytVideoId` `YouTube Video ID`	The ID of the video you want to embed Example G8GaQdW2wHc	String	required
Video width	`width`	Width of video in pixels Default 256 Example 200 Auto value `256`	Number	optional

@@ Line 1: / Line 1: @@
-<includeonly>{| class="wikitable floatright infobox-right"
+<includeonly><!--
-! colspan="2" style="padding:5px;" | {{#tag:html| <iframe style="max-width:320px;" width="426" height="240" src="https://www.youtube.com/embed/{{{ytVideoId}}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>}}
+--><div class="floatright" style="position:relative; top:-1rem; max-width:{{{width}}}px; display:flex; flex-direction:column; gap:5px; justify-content:center; text-align:center;">
+{{#tag:html| <iframe style="width:auto; height:auto; aspect-ratio:16/9; box-shadow:1px 1px 5px var(--border-color-base);" width="{{{width}}}" height="200" src="https://www.youtube.com/embed/{{{ytVideoId}}}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>}}
-|-
+<span style="font-size:85%">[https://youtu.be/{{{ytVideoId}}} {{{videoName}}}]</span>
+</div><!--
-| colspan="2" | [https://youtu.be/{{{ytVideoId}}} {{{videoName}}}]
+--></includeonly>
-|}</includeonly><noinclude>
+<noinclude>
 {{Video
 |videoName = IZ*ONE Panorama
 |ytVideoId = G8GaQdW2wHc
+|width = 1000
 }}
 YouTube video embeds
@@ Line 42: / Line 43: @@
 			"type": "string",
 			"required": true
+		},
+		"width": {
+			"label": "Video width",
+			"description": "Width of video in pixels",
+			"example": "200",
+			"type": "number",
+			"default": "256",
+			"autovalue": "256"
 		}
 	},
@@ Line 47: / Line 56: @@
 	"paramOrder": [
 		"videoName",
-		"ytVideoId"
+		"ytVideoId",
+		"width"
 	]
 }
 </templatedata></noinclude>