Get started with Hugobricks today!
Experience the future of web development with Hugo and stackable content bricks. Build lightning-fast static sites with ease and flexibility.
open Mon-Fri from 9-5
A self-hosted HTML5 video plays without loading anything from a streaming service. You can see it in action on the elements page. To show a video, write:
{{< video "/uploads/video/flowers.mp4" >}}
A poster image shown before playback and a caption are passed as named parameters:
{{< video src="/uploads/video/flowers.mp4" poster="/uploads/gallery/01.jpg" caption="Flowers" >}}
The shortcode renders a <figure> holding the video, with a download link as the fallback for browsers without HTML5 video. There are two more optional parameters: class lands on the figure, and preload is none, metadata (the default) or auto. For a video from a streaming service, use the Youtube or Vimeo shortcode instead.
Experience the future of web development with Hugo and stackable content bricks. Build lightning-fast static sites with ease and flexibility.