title: Mute ALL Audio on a Page
body: <p>I have a landing page where the user can Login and signup and in the background is a Trailer for the site. The video has audio, and is a .mp4 file. </p>
  
  <p>My main goal is to get a feature where the user can click a certain button and all page audio will be muted. </p>
  
  <p>Many thanks</p>
  
  <p>---HTML WITH VIDEO---</p>
  
  <pre><code>&lt;div class="Main animated fadeIn"&gt;
          &lt;!--To make the Site Unique, I have included Several Trailers for the Main Landing Page !--&gt;
           &lt;video autoplay="" id="bgvid" loop="" poster="polina.jpg"&gt;&lt;source src=
          "img/indexMV.mp4" type="video/mp4"&gt; &lt;source src="img/indexMV.mp4"
          type="video/mp4"&gt;&lt;/video&gt;
      &lt;/div&gt;
  </code></pre>