Add responsive video tag.

Gemfile

@@ -6,6 +6,7 @@ gem 'mini_magick'
 
 gem 'jekyll'
 gem 'jekyll-assets'
+gem 'jekyll-video-tag'
 
 gem 'octopress', '~> 3.0.0.rc.14'
 gem 'octopress-deploy', '~> 1.0.0.rc.11'

Gemfile.lock

@@ -47,6 +47,7 @@ GEM
     jekyll-paginate (1.0.0)
     jekyll-sass-converter (1.2.1)
       sass (~> 3.2)
+    jekyll-video-tag (0.0.2)
     jekyll-watch (1.1.1)
       listen (~> 2.7)
     json (1.8.1)
@@ -112,6 +113,7 @@ DEPENDENCIES
   facets
   jekyll
   jekyll-assets
+  jekyll-video-tag
   kramdown (~> 1.3.3)
   mini_magick
   octopress (~> 3.0.0.rc.14)

_assets/stylesheets/includes/video.css.sass

@@ -0,0 +1,8 @@
+.video-container
+  position: relative
+  width: 100%
+  height: 0
+  iframe
+    position: absolute
+    width: 100%
+    height: 100%

_assets/stylesheets/styles.css.sass

@@ -6,6 +6,7 @@
 @import 'includes/icons.css.sass'
 @import 'includes/layout.css.sass'
 @import 'includes/styles.css.sass'
+@import 'includes/video.css.sass'
 @import 'lib/solarized-dark.css.scss'
 
 @import 'parts/post.css.sass'

_config.yml

@@ -3,6 +3,8 @@ title: Dan Barber
 author: Dan Barber
 markdown: KramdownPygments
 
+gems: ['jekyll_video_tag']
+
 simple_search: https://duckduckgo.com/
 
 exclude: ['Gemfile', 'Gemfile.lock', 'README.md']