title: How to mute all Youtube videos in a container
body: <p>I have multiple youtube video embeds inside a container, autoplay is enable but my problem is how to mute all the videos using javascript or any</p>
  
  <pre><code>&lt;div id="video-container"&gt;
  
  &lt;iframe width="300" height="200" src="https://www.youtube.com/embed/o_nfdzMhmrA?wmode=transparent&amp;autohide=1&amp;autoplay=1&amp;enablejsapi=1" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;iframe width="300" height="200" src="https://www.youtube.com/embed/aBqU0LDd3WY?wmode=transparent&amp;autohide=1&amp;autoplay=1&amp;enablejsapi=1" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  &lt;br&gt;&lt;br&gt;
  &lt;iframe width="300" height="200" src="https://www.youtube.com/embed/ihc964sRt8M?wmode=transparent&amp;autohide=1&amp;autoplay=1&amp;enablejsapi=1" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I made a <a href="https://jsfiddle.net/xvqcgzgn/" rel="nofollow noreferrer">FIDDLE</a> as an example but I don't know how to do it</p>