steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Add page hero video for vimeo/youtube using embedresponsively.com code (#788)

Browse Source
This commit is contained in:
Justin Too
2017-01-24 06:29:34 -08:00
committed by Michael Rose
parent 22a4b3d0b7
commit 65a6654582
10 changed files with 146 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
docs/_posts/2017-01-23-layout-header-video.md Normal file
View File

@@ -0,0 +1,51 @@
---
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" %}