Template:Boilerplate-Video: Difference between revisions
| [checked revision] | [checked revision] |
Update template |
Update |
||
| Line 22: | Line 22: | ||
*# YouTube template (Video ID) | *# YouTube template (Video ID) | ||
* '''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 44: | Line 44: | ||
{{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Installation tutorial}} | {{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Installation tutorial}} | ||
<div class="dim"> | |||
=== E.g: You can edit title and description as below: === | |||
</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. | ||
| Line 49: | Line 52: | ||
{{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}} | {{YouTube|id=dQw4w9WgXcQ|width=640|align=center|caption=Quick start demo}} | ||
== Related Documents == | == Related Documents == | ||