Layout: Header Video

less than 1 minute read

This post should display a header with a responsive video, if the theme supports it.

Settings

Parameter Required Description
id Required ID of the video
provider Required Hosting provider of the video, either youtube or vimeo

YouTube

To embed the following YouTube video at url https://www.youtube.com/watch?v=XsxDH4HcOWA (long version) or https://youtu.be/XsxDH4HcOWA (short version) into a post or page’s main content you’d use:

{% include video id="XsxDH4HcOWA" provider="youtube" %}

To embed it as a video header you’d use the following YAML Front Matter

header:
  video:
    id: XsxDH4HcOWA
    provider: youtube

Vimeo

To embed the following Vimeo video at url https://vimeo.com/97649261 into a post or page’s main content you’d use:

{% include video id="97649261" provider="vimeo" %}

To embed it as a video header you’d use the following YAML Front Matter

header:
  video:
    id: 97649261
    provider: vimeo