mirror of
https://github.com/codeninjasuk/codeninjasuk.github.io.git
synced 2024-11-26 01:07:53 -05:00
60 lines
1.4 KiB
Markdown
60 lines
1.4 KiB
Markdown
|
---
|
||
|
|
title: "Layout: Header Video"
|
||
|
|
header:
|
||
|
|
video:
|
||
|
|
id: -PVofD2A9t8
|
||
|
|
provider: youtube
|
||
|
|
categories:
|
||
|
|
- Layout
|
||
|
|
- Uncategorized
|
||
|
|
tags:
|
||
|
|
- video
|
||
|
|
- layout
|
||
|
|
---
|
||
|
|
|
||
|
|
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=-PVofD2A9t8` (long version) or `https://youtu.be/-PVofD2A9t8` (short version) into a post or page's main content you'd use:
|
||
|
|
|
||
|
|
```liquid
|
||
|
|
{% raw %}{% include video id="-PVofD2A9t8" provider="youtube" %}{% endraw %}
|
||
|
|
```
|
||
|
|
|
||
|
|
{% include video id="-PVofD2A9t8" provider="youtube" %}
|
||
|
|
|
||
|
|
To embed it as a video header you'd use the following YAML Front Matter
|
||
|
|
|
||
|
|
```yaml
|
||
|
|
header:
|
||
|
|
video:
|
||
|
|
id: -PVofD2A9t8
|
||
|
|
provider: youtube
|
||
|
|
```
|
||
|
|
|
||
|
|
### Vimeo
|
||
|
|
|
||
|
|
To embed the following Vimeo video at url `https://vimeo.com/212731897` into a post or page's main content you'd use:
|
||
|
|
|
||
|
|
```liquid
|
||
|
|
{% raw %}{% include video id="212731897" provider="vimeo" %}{% endraw %}
|
||
|
|
```
|
||
|
|
|
||
|
|
{% include video id="212731897" provider="vimeo" %}
|
||
|
|
|
||
|
|
To embed it as a video header you'd use the following YAML Front Matter
|
||
|
|
|
||
|
|
```yaml
|
||
|
|
header:
|
||
|
|
video:
|
||
|
|
id: 212731897
|
||
|
|
provider: vimeo
|
||
|
|
```
|