Skip to content

Latest commit

 

History

History
106 lines (64 loc) · 4.07 KB

index.md

File metadata and controls

106 lines (64 loc) · 4.07 KB
title
Jekyll Embed Video Demo

Jekyll Embed Video allows you to easily embed a video into a Jekyll webpage without using plugins. It's based on this template collection by Nathan Lam, but combines them into a single template for easier use. This page is heavy because it gives an example of the template in use for every service.

20DETIK

Here video IDs are just the URL number, e.g. 20.detik.com/embed/190130051

{%- include video-embed.html site="20DETIK" id="190130051" alt="McGregor dan Khabib Resmi Dijatuhi Sanksi!" -%}

{% raw %}{%- include video-embed.html site="20DETIK" id="190130051" alt="McGregor dan Khabib Resmi Dijatuhi Sanksi!" -%}{% endraw %}

Dailymotion

Here video IDs are just the URL code, e.g. dailymotion.com/video/x8429i4

{%- include video-embed.html site="Dailymotion" id="x8429i4" alt="Former FBI Agent Breaks Down His Own Body Language" -%}

{% raw %}{%- include video-embed.html site="Dailymotion" id="x8429i4" alt="Former FBI Agent Breaks Down His Own Body Language" -%}{% endraw %}

Google Drive

Using Google Drive videos is a bit more complicated; check the README for instructions on how to make videos available and where to find the embed ID.

{%- include video-embed.html site="Google Drive" id="0B7L_dMcaZknxVTRndmdSQ0F5OFE/preview" alt="Road Rage" -%}

{% raw %}{%- include video-embed.html site="Google Drive" id="0B7L_dMcaZknxVTRndmdSQ0F5OFE/preview" alt="Road Rage" -%}{% endraw %}

Streamable

Here video IDs are just in URL, e.g. streamable.com/s9ijg

{%- include video-embed.html site="Streamable" id="s9ijg" alt="Disguised Toast" -%}

{% raw %}{%- include video-embed.html site="Streamable" id="s9ijg" alt="Disguised Toast" -%}{% endraw %}

Twitch

For Twitch the video IDs are the long string which appears in the URL, e.g. clips.twitch.tv/StylishChillyTubersDancingBaby. For security purposes Twitch also asks for the URL on which the website is being embedded, but provided you've defined site.url as standard in your config the template will handle all that.

{%- include video-embed.html site="Twitch" id="StylishChillyTubersDancingBaby" alt="LCK Production" -%}

{% raw %}{%- include video-embed.html site="Twitch" id="StylishChillyTubersDancingBaby" alt="LCK Production" -%}{% endraw %}

Vidio

Here video IDs are just the URL number, e.g. vidio.com/watch/1671743-love-nature-channel-channel-trailer.

{% include video-embed.html site="Vidio" id="1671743" alt="Love Nature Channel Trailer" %}

{% raw %}{% include video-embed.html site="Vidio" id="1671743" alt="Love Nature Channel Trailer" %}{% endraw %}

Vimeo

Here video IDs are just the URL number, e.g. vimeo.com/22439234.

{% include video-embed.html site="Vimeo" id="22439234" alt="The Mountain" %}

{% raw %}{% include video-embed.html site="Vimeo" id="22439234" alt="The Mountain" %}{% endraw %}

YouTube

IDs are just the v value in the URL, e.g. youtube.com/watch?v=T1itpPvFWHI

{% include video-embed.html site="YouTube" id="T1itpPvFWHI" alt="Introduction | Jekyll - Static Site Generator | Tutorial 1" %}

{% raw %}{% include video-embed.html site="YouTube" id="T1itpPvFWHI" alt="Introduction | Jekyll - Static Site Generator | Tutorial 1" %}{% endraw %}