codeninjasuk/codeninjasuk.github.io
1
0
Fork 0
mirror of https://github.com/codeninjasuk/codeninjasuk.github.io.git synced 2024-11-26 01:07:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
codeninjasuk.github.io/docs/_posts/2017-01-23-layout-header-video.md
elvistony e37cd189cb Initial Push
2023-07-18 16:33:33 +01:00

1.4 KiB
Raw Blame History

title header categories tags
Layout: Header Video
video
id provider
-PVofD2A9t8 youtube
Layout
Uncategorized
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:

{% 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

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:

{% 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

header:
  video:
    id: 212731897
    provider: vimeo