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 infobox-right"
+<includeonly><!--
-! colspan="2" style="padding:5px;" | {{#tag:html| <iframe 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 20: / Line 21: @@
 </pre>
 </html>
-</noinclude>
+<templatedata>
+{
+	"params": {
+		"ytVideoId": {
+			"aliases": [
+				"YouTube Video ID"
+			],
+			"label": "YouTube Video ID",
+			"description": "The ID of the video you want to embed",
+			"example": "G8GaQdW2wHc",
+			"type": "string",
+			"required": true
+		},
+		"videoName": {
+			"aliases": [
+				"Video Name"
+			],
+			"label": "Video Name",
+			"description": "The name of the video that will appear below the embed",
+			"example": "IZ*ONE - Panorama",
+			"type": "string",
+			"required": true
+		},
+		"width": {
+			"label": "Video width",
+			"description": "Width of video in pixels",
+			"example": "200",
+			"type": "number",
+			"default": "256",
+			"autovalue": "256"
+		}
+	},
+	"description": "YouTube video embed (fixed to the right of page)",
+	"paramOrder": [
+		"videoName",
+		"ytVideoId",
+		"width"
+	]
+}
+</templatedata></noinclude>