Template:YouTube - Revision history

Admin: Update

2026-05-25T08:27:57Z

Update

← Older revision		Revision as of 08:27, 25 May 2026
Line 35:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude><includeonly><div class="soji-yt-embed~~" style="text-align:{{{align\|center}}}; margin:12px 0;~~" data-video-id="{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}" data-width="{{{width\|640}}}"~~><div class="soji~~-~~yt-thumb-wrap" style~~="~~position:relative; display:inline-block; width:~~{{{~~width~~\|~~640~~}}}~~px; max-width:100%; aspect-ratio:16/9; cursor:pointer; overflow:hidden; border-radius:8px; background:#000;~~"~~><img src="https://i.ytimg.com/vi/{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}/hqdefault.jpg" alt="Video thumbnail" loading="lazy" style="width:100%; height:100%; object~~-fit:cover; display:block;"><div class="soji-yt-play-overlay" style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:50px; background:rgba(0,0,0,0.7); border-radius:14px; display:flex; align-items:center; justify-content:center; transition:background 0.2s;"><svg width="36" height="26" viewBox="0 0 36 26" fill="~~white"><polygon points="14,7 14,19 25,13"/></svg></div></div>{{#if:~~{{{caption\|}}}~~\|<div style="margin-top:8px; font-style:italic; color:#666; font-size:0.9em;~~">~~{{{caption}}}</div>\|}}~~</div></includeonly>		</noinclude><includeonly><div class="soji-yt-embed" data-video-id="{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}" data-width="{{{width\|640}}}" data-align="{{{align\|center}}}" data-caption="{{{caption\|}}}"></div></includeonly>

Admin: Update Template

2026-05-25T08:25:15Z

Update Template

← Older revision		Revision as of 08:25, 25 May 2026
Line 35:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:~~10px~~ 0;"~~><youtube~~ width="{{{width\|640}}}" ~~height~~="~~{{#expr~~: ( {{{width\|640}}} * 9 ~~/ 16 ) round 0 }}~~">{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}</~~youtube~~>{{#if:{{{caption\|}}}\|<~~br><em~~ style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>		</noinclude><includeonly><div class="soji-yt-embed" style="text-align:{{{align\|center}}}; margin:12px 0;" data-video-id="{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}" data-width="{{{width\|640}}}"><div class="soji-yt-thumb-wrap" style="position:relative; display:inline-block; width:{{{width\|640}}}px; max-width:100%; aspect-ratio:16/9; cursor:pointer; overflow:hidden; border-radius:8px; background:#000;"><img src="https://i.ytimg.com/vi/{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}/hqdefault.jpg" alt="Video thumbnail" loading="lazy" style="width:100%; height:100%; object-fit:cover; display:block;"><div class="soji-yt-play-overlay" style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:50px; background:rgba(0,0,0,0.7); border-radius:14px; display:flex; align-items:center; justify-content:center; transition:background 0.2s;"><svg width="36" height="26" viewBox="0 0 36 26" fill="white"><polygon points="14,7 14,19 25,13"/></svg></div></div>{{#if:{{{caption\|}}}\|<div style="margin-top:8px; font-style:italic; color:#666; font-size:0.9em;">{{{caption}}}</div>\|}}</div></includeonly>

Admin: Update

2026-05-20T03:46:15Z

Update

@@ Line 2: / Line 2: @@
 == YouTube Embed Template ==
-Embed YouTube video with autoplay. Video plays automatically (muted), stops at end, user can replay.
+Embed YouTube video. Auto-strips query parameters from ID.
 [[Category:Templates]]
-</noinclude><includeonly><div style="text-align:{{{align|center}}}; margin:10px 0;">{{#evu:https://www.youtube.com/watch?v={{#explode:{{#explode:{{{id|}}}|?|0}}|&|0}}
+</noinclude><includeonly><div style="text-align:{{{align|center}}}; margin:10px 0;"><youtube width="{{{width|640}}}" height="{{#expr: ( {{{width|640}}} * 9 / 16 ) round 0 }}">{{#explode:{{#explode:{{{id|}}}|?|0}}|&|0}}</youtube>{{#if:{{{caption|}}}|<br><em style="color:#666">{{{caption}}}</em>|}}</div></includeonly>

Admin: Update

2026-05-20T03:43:58Z

Update

@@ Line 2: / Line 2: @@
 == YouTube Embed Template ==
-Embed YouTube video. Auto-strips query parameters from ID.
+Embed YouTube video with autoplay. Video plays automatically (muted), stops at end, user can replay.
 [[Category:Templates]]

Admin: Update

2026-05-20T03:42:42Z

Update

← Older revision		Revision as of 03:42, 20 May 2026
Line 35:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><youtube ~~width~~="{{~~{width\|640}}}" height="~~{{#~~expr~~: ( {{{~~width~~\|~~640~~}}} * 9 / 16 ) round 0 }}">{{~~#explode:~~{~~{#explode:~~{{{id\|}}}\|?\|0}}\|&\|0}}~~</youtube>~~{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>		</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;">{{#evu:https://www.youtube.com/watch?v={{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}
			\|dimensions={{{width\|640}}}
			\|alignment={{{align\|center}}}
			\|autoplay={{{autoplay\|true}}}
			\|loop=false
			\|urlargs=mute=1&rel=0&modestbranding=1
			}}{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

Admin: Update

2026-05-20T03:26:37Z

Update

← Older revision		Revision as of 03:26, 20 May 2026
Line 35:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
			</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><youtube width="{{{width\|640}}}" height="{{#expr: ( {{{width\|640}}} * 9 / 16 ) round 0 }}">{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}</youtube>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

	</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><~~html><iframe src="https://www.~~youtube~~.com/embed/PLACEHOLDER_ID?autoplay=PLACEHOLDER_AUTOPLAY&mute=1&rel=0&modestbranding~~=1" width~~="PLACEHOLDER_WIDTH~~" height="~~PLACEHOLDER_HEIGHT" frameborder="~~0" ~~allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="max-width~~:~~100%;">~~</~~iframe></html~~>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

Admin: Update

2026-05-20T03:25:37Z

Update

← Older revision		Revision as of 03:25, 20 May 2026
Line 35:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><youtube width="~~{{{width\|640}}}~~" height="~~{{#expr~~: ~~( {{{width\|640}}} * 9~~ / ~~16 ) round 0 }}"~~>~~{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}~~</~~youtube~~>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

			</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><html><iframe src="https://www.youtube.com/embed/PLACEHOLDER_ID?autoplay=PLACEHOLDER_AUTOPLAY&mute=1&rel=0&modestbranding=1" width="PLACEHOLDER_WIDTH" height="PLACEHOLDER_HEIGHT" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="max-width:100%;"></iframe></html>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

Admin: Update

2026-05-20T03:20:48Z

Update

← Older revision		Revision as of 03:20, 20 May 2026
Line 2:		Line 2:
	== YouTube Embed Template ==		== YouTube Embed Template ==

	Embed YouTube video ~~with autoplay (muted) + no loop~~. ~~User can manually replay via player controls~~.		Embed YouTube video. Auto-strips query parameters from ID.

	'''Usage:''' <code><nowiki>{{YouTube\|id=VIDEO_ID\|width=640\|align=center\|caption=Description}}</nowiki></code>		'''Usage:''' <code><nowiki>{{YouTube\|id=VIDEO_ID\|width=640\|align=center\|caption=Description}}</nowiki></code>

	~~'''Features:'''~~
	* Auto-plays when page loads (muted — browser policy)
	* Stops at end (no loop)
	* User can click play button to replay
	* Show controls for replay/seek/volume

	{{TemplateData		{{TemplateData
	\|description=Embed a YouTube video ~~with autoplay~~. ~~Video plays automatically~~ (~~muted~~)~~, stops at end, user can replay~~.		\|description=Embed a YouTube video. Paste video ID (the 11 characters after v= in YouTube URL).
	\|params={		\|params={
	"id": {		"id": {
Line 29:		Line 23:
	"label": "Alignment",		"label": "Alignment",
	"type": "string",		"type": "string",
	"default": "center"		"default": "center",
			"description": "left / center / right"
	},		},
	"caption": {		"caption": {
Line 35:		Line 30:
	"type": "string",		"type": "string",
	"required": false		"required": false
	},
	~~"autoplay": {~~
	~~"label": "Autoplay (0 or 1)",~~
	~~"type": "number",~~
	~~"default": "1",~~
	~~"description": "Set to 0 to disable autoplay"~~
	}		}
	}		}
Line 46:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><~~html><iframe src="https://www.~~youtube~~.com/embed/PLACEHOLDER_ID?autoplay=PLACEHOLDER_AUTOPLAY&mute=1&rel~~=~~0&modestbranding=1~~" width~~="PLACEHOLDER_WIDTH~~" height="~~PLACEHOLDER_HEIGHT" frameborder="~~0" ~~allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="max-width~~:~~100%;">~~</~~iframe></html~~>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>		</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><youtube width="{{{width\|640}}}" height="{{#expr: ( {{{width\|640}}} * 9 / 16 ) round 0 }}">{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}</youtube>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

Admin: Update

2026-05-20T03:17:17Z

Update

← Older revision		Revision as of 03:17, 20 May 2026
Line 2:		Line 2:
	== YouTube Embed Template ==		== YouTube Embed Template ==

	Embed YouTube video. ~~Auto-strips query parameters from ID~~.		Embed YouTube video with autoplay (muted) + no loop. User can manually replay via player controls.

	'''Usage:''' <code><nowiki>{{YouTube\|id=VIDEO_ID\|width=640\|align=center\|caption=Description}}</nowiki></code>		'''Usage:''' <code><nowiki>{{YouTube\|id=VIDEO_ID\|width=640\|align=center\|caption=Description}}</nowiki></code>

			'''Features:'''
			* Auto-plays when page loads (muted — browser policy)
			* Stops at end (no loop)
			* User can click play button to replay
			* Show controls for replay/seek/volume

	{{TemplateData		{{TemplateData
	\|description=Embed a YouTube video. ~~Paste video ID~~ (~~the 11 characters after v= in YouTube URL~~).		\|description=Embed a YouTube video with autoplay. Video plays automatically (muted), stops at end, user can replay.
	\|params={		\|params={
	"id": {		"id": {
Line 23:		Line 29:
	"label": "Alignment",		"label": "Alignment",
	"type": "string",		"type": "string",
	"default": "center",		"default": "center"
	~~"description": "left / center / right~~"
	},		},
	"caption": {		"caption": {
Line 30:		Line 35:
	"type": "string",		"type": "string",
	"required": false		"required": false
			},
			"autoplay": {
			"label": "Autoplay (0 or 1)",
			"type": "number",
			"default": "1",
			"description": "Set to 0 to disable autoplay"
	}		}
	}		}
Line 35:		Line 46:

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><youtube width="~~{{{width\|640}}}~~" height="~~{{#expr~~: ~~( {{{width\|640}}} * 9~~ / ~~16 ) round 0 }}"~~>~~{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}~~</~~youtube~~>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>		</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><html><iframe src="https://www.youtube.com/embed/PLACEHOLDER_ID?autoplay=PLACEHOLDER_AUTOPLAY&mute=1&rel=0&modestbranding=1" width="PLACEHOLDER_WIDTH" height="PLACEHOLDER_HEIGHT" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="max-width:100%;"></iframe></html>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>

Admin: Update

2026-05-19T08:21:16Z

Update

← Older revision		Revision as of 08:21, 19 May 2026
Line 2:		Line 2:
	== YouTube Embed Template ==		== YouTube Embed Template ==

	Embed YouTube video ~~easily in VisualEditor and Source Editor~~.		Embed YouTube video. Auto-strips query parameters from ID.

	'''Usage:''' <code><nowiki>{{YouTube\|id=~~dQw4w9WgXcQ~~\|width=640\|align=center\|caption=~~Installation tutorial~~}}</nowiki></code>		'''Usage:''' <code><nowiki>{{YouTube\|id=VIDEO_ID\|width=640\|align=center\|caption=Description}}</nowiki></code>

	~~'''Parameters:'''~~
	* '''id''' (required) — YouTube video ID (the part after <code>v=</code> in URL)
	* '''width''' (optional) — Player width in px, default 640
	* '''align''' (optional) — left / center / right / inline, default center
	* '''caption''' (optional) — Description text shown below video

	~~'''Example with all params:'''~~
	~~<pre>~~
	~~{{YouTube~~
	~~\| id = dQw4w9WgXcQ~~
	~~\| width = 640~~
	~~\| align = center~~
	~~\| caption = Installation tutorial for LIGO MAX~~
	}}
	~~</pre~~>

	{{TemplateData		{{TemplateData
	\|description=Embed a YouTube video. ~~Get the~~ video ID ~~from URL~~ (~~e.g., dQw4w9WgXcQ from youtube.com/watch?~~v=~~dQw4w9WgXcQ~~).		\|description=Embed a YouTube video. Paste video ID (the 11 characters after v= in YouTube URL).
	\|params={		\|params={
	"id": {		"id": {
Line 29:		Line 13:
	"type": "string",		"type": "string",
	"required": true,		"required": true,
	"description": "Video ID ~~— the part after v= in YouTube URL~~. ~~Example: dQw4w9WgXcQ~~"		"description": "Video ID (11 chars). Query parameters auto-stripped."
	},		},
	"width": {		"width": {
	"label": "Width (px)",		"label": "Width (px)",
	"type": "number",		"type": "number",
	"default": "640",		"default": "640"
	~~"description": "Player width in pixels. Height auto-calculated 16:9. Common values: 480, 640, 800~~"
	},		},
	"align": {		"align": {
Line 41:		Line 24:
	"type": "string",		"type": "string",
	"default": "center",		"default": "center",
	"description": "~~Position:~~ left, center, right~~, or inline~~"		"description": "left / center / right"
	},		},
	"caption": {		"caption": {
	"label": "Caption",		"label": "Caption",
	"type": "string",		"type": "string",
	"required": false,		"required": false
	~~"description": "Optional caption text shown below the video"~~
	}		}
	}		}
Line 53:		Line 35:

	[[Category:Templates]]		[[Category:Templates]]
	<includeonly><div style="text-align:{{{align\|center}}};">		</noinclude><includeonly><div style="text-align:{{{align\|center}}}; margin:10px 0;"><youtube width="{{{width\|640}}}" height="{{#expr: ( {{{width\|640}}} * 9 / 16 ) round 0 }}">{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}</youtube>{{#if:{{{caption\|}}}\|<br><em style="color:#666">{{{caption}}}</em>\|}}</div></includeonly>
	<youtube width="{{{width\|640}}}" height="{{#expr: {{{width\|640}}} * 9 / 16 round 0}}">{{#explode:{{#explode:{{{id\|}}}\|?\|0}}\|&\|0}}</youtube>
	{{#if:{{{caption\|}}}\|<br><em>{{{caption}}}</em>\|}}
	</div></includeonly>