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

common/lib/xmodule/xmodule/js/src/video/05_video_quality_control.js

@@ -63,8 +63,12 @@ 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'));
         }
     }       
 

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>