mux:placeholder Antlers Tag

Generate a small blurry placeholder image than can be displayed while the video is loading. Uses Thumbhash under the hood and is represented as a data URI to be inlined as image source. By default, this will pick a frame from the middle of the video.

<img src="{{ mux:placeholder src="assets::video.mp4" }}">

Output

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAASCAYA...">

Customize frame

You can customize the time point of the selected video frame used to generate the placeholder:

<img src="{{ mux:placeholder time="0" }}">