jekyll-embed-video

jekyll-embed-video lets Jekyll pages embed videos from services including YouTube, Vimeo, Twitch, and TikTok.

github.com/nathancy/jekyll-embed-video
jekyll-embed-video homepage screenshot

About jekyll-embed-video

jekyll-embed-video is an open source repository of instructions and snippets for embedding videos in Jekyll web pages without a plugin. Its README says this approach is useful when a site is hosted on GitHub Pages, which does not allow third-party plugins. Videos are added by creating include files in a Jekyll _includes folder and placing an include tag in a Markdown page. The README covers YouTube, Vimeo, Twitch, Facebook, Instagram, Twitter, TikTok, Streamable, and Google Drive clips, and lists additional support for 20Detik, Dailymotion, Vidio, and LINE Today.

Setup is manual. For each service, the user finds the video ID from the video's URL, creates an include file, and adds the video ID to the page's front matter. The README says to include video-embed.css for responsive videos that resize with the browser window. The repository includes an example.md file with a complete example.

Key features

  • Embeds videos from YouTube, Vimeo, Twitch, Facebook, Instagram, and TikTok
  • Adds Twitter, Streamable, and Google Drive clips using include files
  • Works on GitHub Pages, which does not allow third-party plugins
  • Uses Jekyll _includes files and include tags instead of a plugin
  • Provides a video-embed.css file for responsive video sizing
  • Lists additional support for 20Detik, Dailymotion, Vidio, and LINE Today
Best for: Owners of Jekyll sites, especially those hosted on GitHub Pages, who want to embed videos from common video services without installing a plugin.
Good for
  • Works on GitHub Pages, where third-party plugins cannot be used
  • Open source, with a complete example file included in the repository
  • Covers many video services with one consistent include-based method
Watch out for
  • Each video service requires its own include file and manual setup
  • The README notes that Twitch clips may show a refused-to-connect error on localhost
  • Responsive resizing depends on adding the separate video-embed.css file

jekyll-embed-video at a glance

Type
Open-source project
Pricing
Not confirmed. Check the site
Open source
Yes · Source code
Language
English
Last checked
Oct 6, 2026 · Online when checked
Listed
Oct 5, 2026

jekyll-embed-video alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

react-player

github.com/cookpete/react-player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion

Open source
24 alternatives

DouyinLiveRecorder

github.com/ihmily/DouyinLiveRecorder

可循环值守和多人录制的直播录制软件,支持抖音、TikTok、Youtube、快手、虎牙、斗鱼、B站、小红书、pandatv、sooplive、flextv、popkontv、twitcasting、winktv、百度、微博、酷狗、17Live、Twitch、Acfun、CHZZK、shopee等40+平台直播录制

Open source
24 alternatives

Popular in Twitch Tools

Well-known listings from the same topic.

All 110

jekyll-embed-video FAQ

Can this be used on a site hosted with GitHub Pages?
The README describes it as a method for GitHub Pages sites, because GitHub Pages does not allow third-party plugins. It uses Jekyll include files instead.
How do I find the video ID for a YouTube video?
Open the video and copy the URL, which looks like https://www.youtube.com/watch?v=lDi9uFcD7XI. The part after v= is the video ID.
Why might a Twitch clip not display when I run the site locally?
The README says a localhost server may cause a clips.twitch.tv refused-to-connect error, depending on the local setup. It says the clip should display properly on the live production site.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing