title: Trouble with getting a mov file to appear in HTML and js
body: <p>Right now, I'm trying to change the content of a webpage using javascript <code>querySelector</code> on a premade 'div' and set the <code>innerHTML</code> to the stuff I want it to be. So far, I've been successful in changing the content, however, I'm trying to get a .mov video file to show up with the code below, and it's throwing me an error in the terminal saying <code>ConnectionAbortedError: [WinError 10053] An established connection was aborted by the software in your host machine</code> Is there any way I can get the video to show up?</p>
  <p>The mov file is in the exact same folder as the javascript file (both are in static/website), however when I tried to do <code>src=&quot;logo.mov&quot;</code> it showed up in the console as not found.</p>
  <p><strong>Here's the js I'm using to change the HTML:</strong></p>
  <pre class="lang-js prettyprint-override"><code>document.addEventListener('DOMContentLoaded', function() {
      document.querySelector('html').style.background = 'black';
      document.querySelector('#enter').innerHTML = `
          &lt;video controls=&quot;controls&quot; width=&quot;800&quot;
              name=&quot;Video Name&quot; src=&quot;static/website/logo.mov&quot;&gt;&lt;/video&gt;
      `
  });
  </code></pre>