Add video volume control to video player

lms/static/coffee/spec/modules/video/video_player_spec.coffee

@@ -433,3 +433,17 @@ describe 'VideoPlayer', ->
 
     it 'delegate to the video', ->
       expect(@player.currentSpeed()).toEqual '3.0'
+
+  describe 'volume', ->
+    beforeEach ->
+      @player = new VideoPlayer @video
+      @player.player.getVolume.andReturn 42
+
+    describe 'without value', ->
+      it 'return current volume', ->
+        expect(@player.volume()).toEqual 42
+
+    describe 'with value', ->
+      it 'set player volume', ->
+        @player.volume(60)
+        expect(@player.player.setVolume).toHaveBeenCalledWith(60)

lms/static/coffee/src/modules/video/video_player.coffee

@@ -150,3 +150,9 @@ class @VideoPlayer extends Subview
 
   currentSpeed: ->
     @video.speed
+
+  volume: (value) ->
+    if value != undefined
+      @player.setVolume value
+    else
+      @player.getVolume()

lms/static/sass_old/courseware/_video.scss

@@ -334,9 +334,9 @@ section.course-content {
               display: none;
               opacity: 0;
               position: absolute;
-              width: 45px;
+              width: 35px;
               height: 125px;
-              margin-left: -1px;
+              margin-left: 5px;
               z-index: 10;
 
               .volume-slider {
@@ -344,9 +344,6 @@ section.course-content {
                 border: 0;
                 width: 5px;
                 margin: 14px auto;
-                background: #666;
-                border: 1px solid #000;
-                @include box-shadow(0 1px 0 #333);
 
                 a.ui-slider-handle {
                   background: $mit-red url(../images/slider-handle.png) center center no-repeat;
@@ -362,7 +359,7 @@ section.course-content {
                 }
 
                 .ui-slider-range {
-                  background: #ddd;
+                  background: #666;
                 }
               }
             }