Template:Boilerplate-Video: Difference between revisions
| [checked revision] | [checked revision] |
Update template |
Update |
||
| (5 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>) | ||
* '''Insert YouTube video''' | * '''How to Insert YouTube video:''' | ||
* Press '''Enter''' to start a new line | ** Press '''Enter''' to start a new line | ||
* Click toolbar '''Insert''' (with the down arrow ▼) → '''Template''' | ** Click toolbar '''Insert''' (with the down arrow ▼) → '''Template''' | ||
* Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown | ** Search box appears → type <code>YouTube</code> → select '''YouTube''' from dropdown | ||
* Form opens with fields: | ** Form opens with fields: | ||
** '''YouTube Video ID''' ''(required)'' — paste the 11-character video ID from YouTube URL | ** '''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> | ** '''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> | ** '''Alignment''' — choose <code>center</code> (default), <code>left</code>, or <code>right</code> | ||
** '''Caption''' ''(optional)'' — short text shown below the video player | ** '''Caption''' ''(optional)'' — short text shown below the video player | ||
* Click '''Insert''' → video preview appears in editor | ** Click '''Insert''' → video preview appears in editor | ||
'''Tips:''' | '''Tips:''' | ||
| Line 38: | 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 === | ||
| Line 49: | Line 39: | ||
{{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 == | ||