Enabling showing of captions always when mouse is over CC.

common/lib/xmodule/xmodule/css/video/display.scss

@@ -611,7 +611,6 @@ div.video {
     ol.subtitles {
         width: 0;
         height: 0;
-        visibility: hidden;
     }
 
     ol.subtitles.html5 {
@@ -645,7 +644,6 @@ div.video {
       ol.subtitles {
         right: -(flex-grid(4));
         width: auto;
-        visibility: hidden;
       }
     }
 

common/lib/xmodule/xmodule/js/src/video/09_video_caption.js

@@ -170,15 +170,22 @@ function () {
         } else if (!this.config.autohideHtml5) {
             this.videoCaption.subtitlesEl.on({
                 keydown: this.videoCaption.autoShowCaptions,
+                focus: this.videoCaption.autoShowCaptions,
 
                 // Moving slider on subtitles is not a mouse move, but captions
                 // should not be auto-hidden.
-                scroll: this.videoCaption.autoShowCaptions
+                scroll: this.videoCaption.autoShowCaptions,
+
+                mouseout: this.videoCaption.autoHideCaptions,
+                blur: this.videoCaption.autoHideCaptions
             });
 
             this.videoCaption.hideSubtitlesEl.on({
                 mousemove: this.videoCaption.autoShowCaptions,
-                keydown: this.videoCaption.autoShowCaptions
+                focus: this.videoCaption.autoShowCaptions,
+
+                mouseout: this.videoCaption.autoHideCaptions,
+                blur: this.videoCaption.autoHideCaptions
             });
         }
     }
@@ -272,10 +279,12 @@ function () {
                 clearTimeout(this.captionHideTimeout);
             }
 
+            if (this.config.autohideHtml5) {
                 this.captionHideTimeout = setTimeout(
                     this.videoCaption.autoHideCaptions,
                     this.videoCaption.fadeOutTimeout
                 );
+            }
 
             this.captionsShowLock = false;
         }
@@ -502,6 +511,8 @@ function () {
         // forward out of the captions.
         if (captionIndex === 0 ||
             captionIndex === this.videoCaption.captions.length-1) {
+            this.videoCaption.autoHideCaptions();
+
             this.videoCaption.autoScrolling = true;
         }
     }