Jekyll Video Tag

Jekyll Video Tag is a liquid tag that adds responsive videos to your Jekyll static site.

Installation

Add this line to your application's Gemfile:

gem 'jekyll-video-tag'

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-video-tag

Add the gem to your Jekyll config:

gems: ['jekyll_video_tag']

Place the following snippet somewhere in your CSS:

.video-container {
  position: relative;
  width: 100%;
  height: 0; }
  .video-container iframe {
    position: absolute;
    width: 100%;
    height: 100%; }

Usage

{% video {embed-url} width={width} height={height} %}

The embed URL is the one that is referenced by the iframe in the video embed code.

Example:

{% video //www.youtube.com/embed/7eP4pw03PCg width=560 height=315 %}

Contributing

1. Fork it ( https://github.com/danbee/jekyll_video_tag/fork )
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create a new Pull Request