Video

Lazy-load videos and control playback options.

HTML attributes:

autoplay,

class,

controls,

crossorigin,

height,

intrinsicsize,

loop,

muted,

playsinline,

poster,

preload,

src,

width

Custom attributes:

None available

Basic usage:

{{< 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" >}}

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