Wren’s embedded video player template works with Dailymotion, Google Drive, Streamable, Twitch, Vimeo, and YouTube. It’s based on Jekyll Embed Video’s template collection but combines them into a single template.

Dailymotion

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

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

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-player.html site="Dailymotion" id="x8429i4" alt="Road Rage" -%}

Streamable

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

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

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 Wren will handle all that.

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

Vimeo

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

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

YouTube

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

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