📺 Generate embed html snippets for Youtube URLs
Ruby
Permalink
Failed to load latest commit information.
lib bump to 1.0.0 Apr 25, 2016
.gitignore
Gemfile init Aug 24, 2015
LICENSE.txt
README.md Prettify default markup snippet May 8, 2016
Rakefile init Aug 24, 2015
jekyll-youtube.gemspec

README.md

Jekyll Youtube

This Jekyll pluging provides a tag that takes a Youtube URL and generates a (responsive) html snippet to embed the video into your site.

Installation

Add this line to your Gemfile:

group :jekyll_plugins do
  gem "jekyll-youtube"
end

And then execute:

$ bundle

Alternatively install the gem yourself as:

$ gem install jekyll-youtube

and put this in your _config.yml

gems: [jekyll-youtube]
 # This will require each of these gems automatically.

Usage

 {% youtube "https://www.youtube.com/watch?v=ho8-vK0L1_8" %}

or using variables/front matter

{% youtube page.youtubeurl %}

Result

By default the plugin will output the following code

<style>
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>
<div class='embed-container'>
  <iframe title="YouTube video player" width="640" height="390" src="http://www.youtube.com/embed/ho8-vK0L1_8" frameborder="0" allowfullscreen></iframe>
</div>

You can specify your own snippet by creating a partial _includes/youtube.html. Inside that partial the Youtube ID is available as {{ youtube_id }}.