+++ 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.