add a video-container wrapper div around the iframe

Author: alexch

lib/deck/slide.rb

@@ -99,7 +99,7 @@ def <<(s)
     if s.strip =~ /^\s*<?!VIDEO +([^\s>]*)>?$/
       youtube_id = $1
       # see https://developers.google.com/youtube/player_parameters
-      s = %Q(<iframe class="video youtube" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/%3Cspan%20class="pl-s1">#{youtube_id}" frameborder="0"></iframe>\n)
+      s = %Q(<div class="video-container"><iframe class="video youtube" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/%3Cspan%20class="pl-s1">#{youtube_id}" frameborder="0" allowfullscreen></iframe></div>\n)
     end
     @markdown_text << s
     @markdown_text << "\n"

spec/slide_spec.rb

@@ -376,7 +376,9 @@ def slide_from markdown_text
 <section class="slide markdown-body" id="foo">
 <h2 class="slide-title">foo</h2>
 
-<iframe class="video youtube" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/xyzzy" frameborder="0"></iframe>
+<div class="video-container">
+<iframe class="video youtube" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/xyzzy" frameborder="0" allowfullscreen></iframe>
+</div>
 
 <ul>
 <li>bar</li>