From b0f0bce2115fae0543a5d3f8f1a108e23674f8fa Mon Sep 17 00:00:00 2001
From: Technoboy10 <technoboy10@fake.email>
Date: Thu, 30 Jun 2016 09:43:24 -0400
Subject: [PATCH] enable fullscreen, fix border radius and aspect ratio

---
 src/views/teachers/landing/landing.jsx  |  6 ++++--
 src/views/teachers/landing/landing.scss | 17 ++++++++++++++---
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/views/teachers/landing/landing.jsx b/src/views/teachers/landing/landing.jsx
index 31cbbd809..6ac2cda44 100644
--- a/src/views/teachers/landing/landing.jsx
+++ b/src/views/teachers/landing/landing.jsx
@@ -25,8 +25,10 @@ var Landing = injectIntl(React.createClass({
                             <p className="intro">
                                 <FormattedMessage id="teacherlanding.intro" />
                             </p>
-                            <iframe src="https://www.youtube.com/embed/uPSuG063jhA"
-                                frameborder="0" allowfullscreen></iframe>
+                            <div className="ted-talk">
+                                <iframe src="https://www.youtube.com/embed/uPSuG063jhA?border=0&wmode=transparent"
+                                    frameBorder="0" allowFullScreen></iframe>
+                            </div>
                         </FlexRow>
                     </div>
                     <div className="band">
diff --git a/src/views/teachers/landing/landing.scss b/src/views/teachers/landing/landing.scss
index f18dd4c9e..058f55d62 100644
--- a/src/views/teachers/landing/landing.scss
+++ b/src/views/teachers/landing/landing.scss
@@ -48,12 +48,23 @@ $story-width: $cols3;
                         color: $ui-white;
                     }
                 }
+            }
+
+            .ted-talk {
+                position: relative;
+                z-index: 10;
+                margin-bottom: $gutter;
+                border: 2px solid $ui-border;
+                border-radius: 10px;
+                width: $cols4;
+                height: $cols4 * .5625;
+                overflow: hidden;
 
                 iframe {
-                    margin-bottom: $gutter;
-                    border: 2px solid $ui-border;
-                    border-radius: 10px;
+                    z-index: 9;
+                    border: 0;
                     width: $cols4;
+                    height: $cols4 * .5625;
                 }
             }