fr1nge.xyz/themes/after-dark/docs/content/shortcode/video/index.md

+++ title = "Video" description = "Lazy-load videos and control playback options." categories = ["experience"] tags = [] html_attributes = ["class", "autoplay", "controls", "crossorigin", "height", "loop", "muted", "preload", "intrinsicsize", "poster", "src", "width", "playsinline"] custom_attributes = [] snippets_used = [] copyright owner = "Josh Habdas" date = "2019" license = "agpl-3.0-or-later" +++

Basic usage:

{{</* video autoplay="true" loop="true" src="assets/sample.mp4" */>}}

{{< video autoplay="true" loop="true" src="assets/sample.mp4" >}}

Assumes the following directory structure:

├── assets
├── content
│   └── videos
│       └── gifs
│           ├── assets
│           │   └── sample.mp4
│           └── index.md
├── content

With controls:

{{</* video controls="true" src="assets/sample.mp4" */>}}

{{< video controls="true" src="assets/sample.mp4" >}}

Absolute src and poster URLs also possible. Absolute URLs must include a scheme such as http or https. Root-relative URLs not currently possible.