added video embedding

Author: markhuge

src/components/topic.ls

@@ -17,8 +17,8 @@ module.exports = React.create-class({
       header null,
         h1 class-name: \title, title
       p class-name: \description, description
-#      if video
-#        Video url: video.url
+      if video
+        Video url: video.url
       if slides
         Slides url: slides
       footer null,

src/components/video-embed.ls

@@ -1,5 +1,6 @@
-{ iframe } = DOM
+{ iframe, div } = DOM
 module.exports = React.create-class({
   render: ->
-    iframe class-name: 'video-frame', src: @props.url, frame-border: 0, allow-full-screen: true
+    div class-name: 'video-frame', 'data-aspect-ratio': '16:9',
+      iframe class-name: 'video-frame', src: @props.url, frame-border: 0, allow-full-screen: true
 })

src/sass/components/_topic.sass

@@ -12,6 +12,11 @@
     margin-top: 1em
     width: 700px
     max-width: 100%
+  
+  .video-frame
+    margin-top: 1em
+    width: 700px
+    max-width: 100%
 
   iframe
     overflow: hidden