Template:Boilerplate-Video: Difference between revisions
Appearance
| [checked revision] | [checked revision] |
Update |
Update |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
[[Category:Boilerplates]] | [[Category:Boilerplates]] | ||
</noinclude><includeonly> | </noinclude><includeonly>== Videos == | ||
== Videos == | |||
<div class="dim"> | <div class="dim"> | ||
''Installation, demo, and tutorial videos for this product.'' | ''Installation, demo, and tutorial videos for this product.'' | ||
| Line 17: | Line 16: | ||
'''How to add/edit videos:''' | '''How to add/edit videos:''' | ||
* '''Edit existing video''': click on the YouTube template box → form opens → change Video ID → Apply | * '''Edit existing video''': click on the YouTube template box → form opens → change Video ID → Apply | ||
* '''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>) | * '''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>) | ||
* '''How to 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 | |||
** '''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 | |||
'''Tips:''' | '''Tips:''' | ||
| Line 28: | Line 33: | ||
* In YouTube Studio: enable '''Allow embedding''' in Advanced settings | * In YouTube Studio: enable '''Allow embedding''' in Advanced settings | ||
</div> | </div> | ||
=== Quick Start Demo === | === Quick Start Demo === | ||
Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers. | Overview of key features and use cases in under 2 minutes. Best for first-time viewers and decision makers. | ||
{{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}} | {{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}} | ||
= | <div class="noprint"> | ||
== Related Documents == | == Related Documents == | ||
{{RelatedDocuments}} | {{RelatedDocuments}} | ||
</div> | |||
== Revision History == | == Revision History == | ||