52 lines
980 B
Markdown
52 lines
980 B
Markdown
|
---
|
||
|
|
title: "Layout: Header Video"
|
||
|
|
header:
|
||
|
|
video:
|
||
|
|
id: XsxDH4HcOWA
|
||
|
|
provider: youtube
|
||
|
|
categories:
|
||
|
|
- Layout
|
||
|
|
- Uncategorized
|
||
|
|
tags:
|
||
|
|
- video
|
||
|
|
- layout
|
||
|
|
---
|
||
|
|
|
||
|
|
This post should display a **header with a reponsive 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
|
||
|
|
|
||
|
|
Here is a YouTube example for the video at url `https://www.youtube.com/watch?v=XsxDH4HcOWA` (long version) or `https://youtu.be/XsxDH4HcOWA` (short version):
|
||
|
|
|
||
|
|
```yaml
|
||
|
|
header:
|
||
|
|
video:
|
||
|
|
id: XsxDH4HcOWA
|
||
|
|
provider: youtube
|
||
|
|
```
|
||
|
|
|
||
|
|
{% include responsive_video id="XsxDH4HcOWA" provider="youtube" %}
|
||
|
|
|
||
|
|
## Vimeo
|
||
|
|
|
||
|
|
Here is a Vimeo example for the video at url `https://vimeo.com/97649261`:
|
||
|
|
|
||
|
|
```yaml
|
||
|
|
header:
|
||
|
|
video:
|
||
|
|
id: 97649261
|
||
|
|
provider: vimeo
|
||
|
|
```
|
||
|
|
|
||
|
|
{% include responsive_video id="97649261" provider="vimeo" %}
|
||
|
|
|