Videos
Videos
Section titled “Videos”Syntax
Section titled “Syntax”| Form | Syntax | Usage |
|---|---|---|
| YouTube | [video: https://www.youtube.com/watch?v=ID "Title"] | youtube-nocookie iframe. |
| Local | [video: /videos/demo.mp4 "Title"] | Video tag with controls. |
| Attributes | {: .full-width align=left } | Classes and alignment. |
| Center | {: .full-width-centered } | Centered video. |
| Directive | ::: video { src="/videos/demo.mp4" title="Demo" } | Block form. |
| Height | theme CSS bound | Avoids overly tall media. |
Videos remain height-bounded by the theme so they do not overwhelm the article content.
Video YouTube
Section titled “Video YouTube”[video: https://www.youtube.com/embed/2ZrWHtvSog4?si=AYD752alBOYpLlkI "Demo YouTube"]{: .mini-width align=left }
This text can accompany the video when mini mode is left aligned.
This text can accompany the video when mini mode is left aligned.
Local video
Section titled “Local video”[video: /videos/demo.mp4 "Local demo"]
Full width
Section titled “Full width”[video: https://www.youtube.com/embed/2ZrWHtvSog4 "Full-width demo"]{: .full-width }
Full width centered
Section titled “Full width centered”[video: /videos/demo.mp4 "Centered demo"]{: .full-width-centered }