Template:Video: Difference between revisions

Revision as of 10:39, 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>
-<div class="floatright" style="max-width:640px; display:flex; flex-direction:column; gap:5px; justify-content:center; text-align:center;">
+<div class="floatright" style="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;" width="640" 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>}}
+{{#tag:html| <iframe style="width:auto; height:auto; aspect-ratio:16/9;" 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>}}
 [https://youtu.be/{{{ytVideoId}}} {{{videoName}}}]
 </div>
@@ Line 9: / Line 9: @@
 |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>