title: Unmuting the volume in my HTML5 Video
body: <p>I have the following markup that is hooked up with my Video:</p>
  
  <pre><code>&lt;button id="mute_button" type="button"&gt;Mute&lt;/button&gt;
  &lt;input type="range" id="video_volume" name="video_volume" min="0" max="100" step="1" value="100"&gt;
  </code></pre>
  
  <p>The following js shows my volume range input and a mute button with there functions:</p>
  
  <pre><code>s = _('video_volume');  
  m = _('mute_button');
  
  function muteVideo(){
      if(v.muted){
          v.muted = false;
          m.innerHTML = 'Mute';
      }
      else{
          v.muted = true;
          m.innerHTML = 'Unmute';
          s.value= 0;
      }
  }
  
  function changeVolume(){
      v.volume = s.value / 100;
  
      if(v.muted){
  
      }
  
  }
  </code></pre>
  
  <p>At the moment, when I click the mute button, the range is set to 0, which is perfect. But, what I want to achieve is:</p>
  
  <p>When I click the un-mute button, the input range will revert to its prior volume.</p>
  
  <p>How can I achieve this?</p>
  
  <p>Comment for any questions, thanks, chris</p>