Template:Boilerplate-Video: Difference between revisions
| [checked revision] | [checked revision] |
Update template |
Update template |
||
| Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
{{TemplateData | {{TemplateData | ||
|description=Boilerplate for product Video page. Each video has title, description, and YouTube embed. | |description=Boilerplate for product Video page. Each video has title, description, and YouTube embed via {{YouTube}} template. | ||
}} | }} | ||
| Line 16: | Line 16: | ||
''Installation, demo, and tutorial videos for this product.'' | ''Installation, demo, and tutorial videos for this product.'' | ||
''' | '''How to add a new video — using VisualEditor (Edit):''' | ||
''' | # Click '''Edit''' (top right) — VisualEditor opens | ||
# Click after the last video (or anywhere in this Videos section) | |||
# Add the video components in this order: | |||
'''Step 1: Add video title (heading)''' | |||
* Click toolbar '''Paragraph''' dropdown → select '''Heading 3''' | |||
* Type the video title (e.g., "Installation Guide", "Quick Start Demo", "Calibration Tutorial") | |||
'''Recommended video types:''' | '''Step 2: Add metadata line''' | ||
* Installation tutorial (step-by-step) | * Press '''Enter''' → on new line, type: | ||
* Quick start ( | *: <code>'''Duration:''' 4:20 — '''Audience:''' Field technicians</code> | ||
* '''Duration''' format: <code>mm:ss</code> (e.g., 4:20 means 4 minutes 20 seconds) | |||
* '''Audience''' suggestions: Field technicians / Sales prospects / End users / Engineers / Distributors | |||
'''Step 3: Add description''' | |||
* Press '''Enter''' → type 1–2 sentences describing video content | |||
* Example: <code>Step-by-step installation of the sensor on a commercial truck fuel tank, including mounting, wiring, and initial BLE pairing.</code> | |||
'''Step 4: Insert YouTube video''' | |||
* 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 | |||
*** From URL <code>https://www.youtube.com/watch?v=<u>dQw4w9WgXcQ</u></code> → ID is <code>dQw4w9WgXcQ</code> | |||
*** From URL <code>https://youtu.be/<u>dQw4w9WgXcQ</u></code> → ID is <code>dQw4w9WgXcQ</code> | |||
*** ⚠ Only copy the ID part (11 characters), NOT the full URL or any <code>?si=</code>/<code>&t=</code> tracking parameters | |||
** '''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 | |||
'''Step 5: Save the page''' | |||
* Click '''Save changes''' (top right) | |||
* Edit summary popup → describe what you added (e.g., "Added Installation Guide video") | |||
* Minimum 5 characters required | |||
* Click '''Save changes''' button | |||
'''Recommended video types to include:''' | |||
* Installation tutorial (step-by-step setup) | |||
* Quick start overview (2–3 minutes) | |||
* Configuration walkthrough | * Configuration walkthrough | ||
* Calibration demo | * Calibration demo | ||
* Troubleshooting | * Troubleshooting common issues | ||
* Use case showcase | * Use case showcase / customer scenario | ||
'''Example | '''Example of finished video entry:''' | ||
Step-by-step installation of the sensor on a fuel tank, including | ''=== Installation Guide ===''<br> | ||
mounting, wiring, and initial | '''Duration:''' 4:20 — '''Audience:''' Field technicians<br> | ||
''Step-by-step installation of the sensor on a commercial truck fuel tank, including mounting, wiring, and initial BLE pairing with the SOJI mobile app.''<br> | |||
''[YouTube player 640px embedded here]'' | |||
'''Tips:''' | |||
* Upload videos to SOJI YouTube channel first, then embed | |||
* Ensure videos are set to '''Public''' or '''Unlisted''' (NOT Private) so they can be embedded | |||
* In YouTube Studio: check '''Allow embedding''' is enabled in Advanced settings | |||
* Add multiple videos to this section — separate each with its own '''Heading 3''' title | |||
</div> | </div> | ||