title: Muted video tag if removed won't play
body: <p>I have this code of HTML I got from w3schools.
  But , the video tag is kinda odd.
  I would like to have the video unmuted so then I removed the
  muted tag but when it was removed , it doesn't even
  playing just a black screen.</p>
  
  <p>I tried searching all the codes of the word "muted" and "silent"
  Nothing is working. Not found. Bam.</p>
  
  <p>Someone help me please.</p>
  
  <pre><code>&lt;video autoplay muted loop id="myVideo"&gt;
    &lt;source src="rain.mp4" type="video/mp4"&gt;
    Your browser does not support HTML5 video.
  &lt;/video&gt;
  </code></pre>
  
  <p>I have no clear idea why If I remove that muted tag. They won't play the video.
  anyway full code here</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;style&gt;
  * {
    box-sizing: border-box;
  }
  
  body {
    margin: 0;
    font-family: Arial;
    font-size: 17px;
  }
  
  #myVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
  }
  
  .content {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
  }
  
  #myBtn {
    width: 200px;
    font-size: 18px;
    padding: 10px;
    border: none;
    background: #000;
    color: #fff;
    cursor: pointer;
  }
  
  #myBtn:hover {
    background: #ddd;
    color: black;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;video autoplay muted loop id="myVideo"&gt;
    &lt;source src="rain.mp4" type="video/mp4"&gt;
    Your browser does not support HTML5 video.
  &lt;/video&gt;
  
  &lt;div class="content"&gt;
    &lt;h1&gt;Heading&lt;/h1&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, an his etiam torquatos. Tollit soleat phaedrum te duo, eum cu recteque expetendis neglegentur. Cu mentitum maiestatis persequeris pro, pri ponderum tractatos ei. Id qui nemore latine molestiae, ad mutat oblique delicatissimi pro.&lt;/p&gt;
    &lt;button id="myBtn" onclick="myFunction()"&gt;Pause&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
     document.addEventListener('click', musicPlay);
  function musicPlay() {
      document.getElementById('ID').play();
      document.removeEventListener('click', musicPlay);
  }
  var video = document.getElementById("myVideo");
  var btn = document.getElementById("myBtn");
  
  function myFunction() {
    if (video.paused) {
      video.play();
      btn.innerHTML = "Pause";
    } else {
      video.pause();
      btn.innerHTML = "Play";
    }
  }
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks</p>