From e73ce2057c95edd059f8d9ba5056eb0b55f0293d Mon Sep 17 00:00:00 2001
From: Dan Barber <hello@danbarber.me>
Date: Sat, 4 Oct 2014 17:20:41 +0100
Subject: [PATCH] Add responsive video tag.

---
 Gemfile                                     | 1 +
 Gemfile.lock                                | 2 ++
 _assets/stylesheets/includes/video.css.sass | 8 ++++++++
 _assets/stylesheets/styles.css.sass         | 1 +
 _config.yml                                 | 2 ++
 5 files changed, 14 insertions(+)
 create mode 100644 _assets/stylesheets/includes/video.css.sass

diff --git a/Gemfile b/Gemfile
index 2be85db..3f3b215 100644
--- a/Gemfile
+++ b/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'
diff --git a/Gemfile.lock b/Gemfile.lock
index 46e8a93..5785250 100644
--- a/Gemfile.lock
+++ b/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)
diff --git a/_assets/stylesheets/includes/video.css.sass b/_assets/stylesheets/includes/video.css.sass
new file mode 100644
index 0000000..d0bd09d
--- /dev/null
+++ b/_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%
diff --git a/_assets/stylesheets/styles.css.sass b/_assets/stylesheets/styles.css.sass
index a2ff248..ad64424 100644
--- a/_assets/stylesheets/styles.css.sass
+++ b/_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'
diff --git a/_config.yml b/_config.yml
index a5db77d..fe853bf 100644
--- a/_config.yml
+++ b/_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']