title: Mute HTML 5 video & random video load
body: <p>Three part question...</p>
  
  <p>I'm using <a href="http://syddev.com/jquery.videoBG/index.html" rel="nofollow">http://syddev.com/jquery.videoBG/index.html</a> for HTML 5 video background on my site. Works perfectly! However I have some additional functions I want to add on but not quite sure how to pull it off. </p>
  
  <p>1_ I would like to add a button to mute/unmute audio. I'm not that great at jquery so what I'm looking for is what I need to add to the existing code to make it happen and what I need to put in the place where I want the actual button to go. I'm guessing I need to add some mute option to...</p>
  
  <pre><code>    $('.bg').videoBG({
      position:"fixed",
      zIndex:0,
      mp4:'_video/ClimbBG.mp4',
      ogv:'_video/ClimbBG.ogv',
      webm:'_video/ClimbBG.webm',
      poster:'_images/ClimbBG.jpg',
      opacity:1,
      fullscreen:true,
  
  });
  </code></pre>
  
  <p>Then some function/code in the spot I want the button to be?    </p>
  
  <p>2_ I would like to have a different random video load each time the site is loaded. Maybe even have a new video play after the first one is finished? 
  Example...This site loads a different video when the page is refreshed (  cabin-time.com  )</p>
  
  <p>3_ Not super important but I've noticed a lot of people who use video backgrounds have little dots in the video (cabin-time.con is one example). I'm guessing this is to reduce file size? Most likely done in Final Cut? How do I add this into my video and does it really reduce file size?</p>
  
  <p>Thanks!!!</p>