title: How to hide multiple videos automatically while one is displayed?
body: <p>Instead of using <code>display=&quot;none&quot;;</code> for each video manually, is there an automatic way to do this? So that I don't have to copy/paste the same code.</p>
  <p>(P.S. There's 21 videos, going to be hundreds eventually.)</p>
  <pre><code>    function showVideo1() {
          document.getElementById('video1').style.display = &quot;block&quot;;
          document.getElementById('video2').style.display = &quot;none&quot;;
          document.getElementById('video3').style.display = &quot;none&quot;;
          document.getElementById('video4').style.display = &quot;none&quot;;
          document.getElementById('video5').style.display = &quot;none&quot;;
      }
  </code></pre>