diff --git a/common/lib/xmodule/xmodule/js/src/video/05_video_quality_control.js b/common/lib/xmodule/xmodule/js/src/video/05_video_quality_control.js
index cff103468d..bc3a33b799 100644
--- a/common/lib/xmodule/xmodule/js/src/video/05_video_quality_control.js
+++ b/common/lib/xmodule/xmodule/js/src/video/05_video_quality_control.js
@@ -63,10 +63,14 @@ function () {
 
         if (_.indexOf(this.config.availableQualities, value) !== -1) {
             this.videoQualityControl.el.addClass('active');
+            this.videoQualityControl.el.attr('title', gettext('HD on'))
+                                       .text(gettext('HD on'));
         } else {
             this.videoQualityControl.el.removeClass('active');
+            this.videoQualityControl.el.attr('title', gettext('HD off'))
+                                       .text(gettext('HD off'));
         }
-    }
+    }       
 
     // This function change quality of video.
     // Right now we haven't ability to choose quality of HD video,
diff --git a/lms/templates/video.html b/lms/templates/video.html
index 677433898b..e2b59eecb0 100644
--- a/lms/templates/video.html
+++ b/lms/templates/video.html
@@ -77,7 +77,7 @@
                             </div>
                         </div>
                         <a href="#" class="add-fullscreen" title="${_('Fill browser')}" role="button" aria-disabled="false">${_('Fill browser')}</a>
-                        <a href="#" class="quality_control" title="${_('HD')}" role="button" aria-disabled="false">${_('HD')}</a>
+                        <a href="#" class="quality_control" title="${_('HD')}" role="button" aria-disabled="false">${_('HD off')}</a>
 
                         <a href="#" class="hide-subtitles" title="${_('Turn off captions')}" role="button" aria-disabled="false">${_('Turn off captions')}</a>
                     </div>