Template:Boilerplate-Video: Difference between revisions

[checked revision]

← Older edit

VisualWikitext

Latest revision as of 09:03, 25 May 2026

Template:TemplateData

3 mandatory sections (== H2 ==):

Videos
Related Documents
Revision History

SOJI Electronics

@@ Line 1: / Line 1: @@
 <noinclude>
 {{TemplateData
-|description=Boilerplate for product Video page. Each video has title, description, and YouTube embed.
+|description=Boilerplate for product Video page. Pre-filled YouTube templates ready to edit.
 }}
@@ Line 10: / Line 10: @@
 [[Category:Boilerplates]]
-</noinclude><includeonly>
+</noinclude><includeonly>== Videos ==
-== Videos ==
 <div class="dim">
 ''Installation, demo, and tutorial videos for this product.''
-'''What to fill in:''' for each video, add a section with:
+'''How to add/edit videos:'''
-* '''H3 heading''' — video title
+* '''Edit existing video''': click on the YouTube template box → form opens → change Video ID → Apply
-* '''Description''' — 1–2 sentences about content + target audience
+* '''Get YouTube Video ID''': from URL <code>youtube.com/watch?v=<u>ABC123XYZ</u></code> or <code>youtu.be/<u>ABC123XYZ</u></code> — copy the 11-character ID only (no <code>?si=</code> or <code>&t=</code>)
-* '''Embed''' — YouTube embed via {{!}}{{!}}#evu{{!}}{{!}} or {{!}}{{!}}#ev{{!}}youtube{{!}}{{!}} parser function
+* '''How to Insert YouTube video:'''
-* '''Duration''' — for quick reference
+** Press '''Enter''' to start a new line
+** Click toolbar '''Insert''' (with the down arrow ▼) → '''Template'''
+** Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown
+** Form opens with fields:
+** '''YouTube Video ID''' ''(required)'' — paste the 11-character video ID from YouTube URL
+** '''Width (px)''' — default <code>640</code> (good for most cases). For wider showcase use <code>800</code>, for compact use <code>480</code>
+** '''Alignment''' — choose <code>center</code> (default), <code>left</code>, or <code>right</code>
+** '''Caption''' ''(optional)'' — short text shown below the video player
+** Click '''Insert''' → video preview appears in editor
-'''YouTube embed syntax:'''
+'''Tips:'''
-<pre>{{#evu:https://www.youtube.com/watch?v=VIDEO_ID|alignment=center|dimensions=640}}</pre>
+* Upload videos to SOJI YouTube channel first
+* Set videos to '''Public''' or '''Unlisted''' (NOT Private)
-Or simpler:
+* In YouTube Studio: enable '''Allow embedding''' in Advanced settings
-<pre>{{#ev:youtube|VIDEO_ID|640|center}}</pre>
+</div>
-'''Recommended video types:'''
-* Installation tutorial (step-by-step)
-* Quick start (2-3 min overview)
-* Configuration walkthrough
-* Calibration demo
-* Troubleshooting guide
-* Use case showcase
-'''Example structure for one video:'''
-<pre>
-=== Installation Guide ===
-'''Duration:''' 4:20 — '''Audience:''' field technicians
-Step-by-step installation of the sensor on a fuel tank, including
-mounting, wiring, and initial calibration.
-{{#ev:youtube|dQw4w9WgXcQ|640|center}}
+=== Quick Start Demo ===
-</pre>
+Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers.
-'''Hybrid option (YouTube + MP4 backup):'''
+{{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}}
-<pre>
-{{#ev:youtube|VIDEO_ID|640|center}}
-'''Download MP4 (offline use):''' [[Media:{{PAGENAME}}-install.mp4|MP4 (English subtitles)]]
-</pre>
-</div>
+<div class="noprint">
 == Related Documents ==
 {{RelatedDocuments}}
+</div>
 == Revision History ==