title: HTML5 Video Toggle Mute On Click?
body: <p>I'm trying to toggle mute by clicking on the video.</p>
  
  <p>I am able to un-mute the video when clicking using this code:</p>
  
  <pre><code>$(document).ready(function(){
  
      $("video").prop('muted', true);
  
      $("video").click( function (){
          if( $("video").prop('muted', true) )
          {
              $("video").prop('muted', false)
          }
      });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Edf8m/7/" rel="nofollow">http://jsfiddle.net/Edf8m/7/</a></p>
  
  <p>Now I just want to be able to click again and it be muted.</p>