How to add native videos with subs

A modificaton of the hugo-video component to support automatic video subtitles

The component will add various subtitles automatically as long as you name them as [video-filename].[language_code].vtt. The subtitle should follow the VTT format and the language code must be 2 letters.

To summarize your basic video plus subtitle folder should look like this:

$ tree post-folder
post-folder
├── index.md
├── my-beautiful-screencast.en.vtt
└── my-beautiful-screencast.mp4 

If you want to add poster, multiple video types and multiple languages subtitles you just need to:

$ tree post-folder
post-folder
├── index.md
├── my-beautiful-screencast.jpeg
├── my-beautiful-screencast.mp4
├── my-beautiful-screencast.jpeg
├── my-beautiful-screencast.en.vtt
└── my-beautiful-screencast.es.vtt 

# Example

 {{<  video src="my-beautiful-screencast"  >}} 

# Vanilla

Video credits go to the Blender Foundation for Elephants Dream