Added two states to HD control: HD off - HD on

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,

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>