added fix for html5

static/css/application.css

@@ -2901,15 +2901,14 @@ section.course-content .dullify, section.course-content div.video-subtitles div.
   transition-delay: 0; }
 section.course-content .dullify:hover, section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr:hover, section.course-content div.video-subtitles div.video-wrapper section.video-controls div.secondary-controls:hover {
   opacity: 1; }
-section.course-content div.video {
+section.course-content div.video-subtitles {
+  zoom: 1;
   padding: 6px 22.652px;
   margin: 0 -22.652px;
   border-top: 1px solid #e1e1e1;
   border-bottom: 1px solid #e1e1e1;
   background: #f3f3f3;
   display: block; }
-section.course-content div.video-subtitles {
-  zoom: 1; }
 section.course-content div.video-subtitles:before, section.course-content div.video-subtitles:after {
   content: "";
   display: table; }
@@ -3378,6 +3377,7 @@ section.course-content div.video-subtitles.closed ol.subtitles {
 section.course-content div.video-subtitles.fullscreen {
   background: rgba(0, 0, 0, 0.95);
   border: 0;
+  margin: 0;
   bottom: 0;
   height: 100%;
   left: 0;
@@ -3408,7 +3408,9 @@ section.course-content div.video-subtitles.fullscreen a.exit::after {
   padding-left: 6px; }
 section.course-content div.video-subtitles.fullscreen a.exit:hover {
   color: #993333; }
-section.course-content div.video-subtitles.fullscreen div.tc-wrapper object#myytplayer {
+section.course-content div.video-subtitles.fullscreen div.tc-wrapper div.video-wrapper {
+  width: 100%; }
+section.course-content div.video-subtitles.fullscreen div.tc-wrapper object#myytplayer, section.course-content div.video-subtitles.fullscreen div.tc-wrapper iframe {
   height: 100%;
   position: fixed;
   top: 0;

templates/sass/courseware/_video.scss

@@ -9,16 +9,16 @@ section.course-content {
   }
 
   div.video {
+  }
+
+  div.video-subtitles {
+    @include clearfix();
     padding: 6px lh();
     margin: 0 (-(lh()));
     border-top: 1px solid #e1e1e1;
     border-bottom: 1px solid #e1e1e1;
     background: #f3f3f3;
     display: block;
-  }
-
-  div.video-subtitles {
-    @include clearfix();
 
     div.video-wrapper {
       float: left;
@@ -395,6 +395,7 @@ section.course-content {
     &.fullscreen {
       background: rgba(#000, .95);
       border: 0;
+      margin: 0;
       bottom: 0;
       height: 100%;
       left: 0;
@@ -427,7 +428,11 @@ section.course-content {
       }
 
       div.tc-wrapper {
-        object#myytplayer {
+        div.video-wrapper {
+          width: 100%;
+        }
+
+        object#myytplayer, iframe {
           height: 100%;
           position: fixed;
           top: 0;

templates/video.html

@@ -2,7 +2,6 @@
   <h1> ${name} </h1>
 % endif
 
-<div class="video">
 <div class="video-subtitles">
 <div class="tc-wrapper">
 
@@ -66,7 +65,6 @@
 </div>
 
 </div>
-</div>
 
 <%block name="js_extra">
 <script type="text/javascript" charset="utf-8">
@@ -126,7 +124,6 @@
       $("div.speeds a").click(function() {
         return false;
         });
-
   });
 </script>
 </%block>