title: Embedded YouTube video doesn't work on local server
body: <p>I saw many questions like this asked on StackOverflow, but none of them had a working answer. My problem is that I can't embed a YouTube video, because a "This video is not available." comes up:</p>
  
  <p><a href="https://i.stack.imgur.com/SO69y.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/SO69y.gif" alt="Running on local server"></a></p>
  
  <p>Here's what I know and have tried so far:</p>
  
  <ul>
  <li>This error doesn't come up on all videos. From what I've noticed, it's mostly not working on popular music videos.</li>
  <li>Embedding these YouTube videos doesn't work in a local HTML file (<code>file:///C:/path/to/file.html</code>) nor when the embedded video is on my local Django server (<code>12.345.67.89:8080/page</code>).</li>
  <li>It doesn't work both with Youtube's <a href="https://developers.google.com/youtube/iframe_api_reference" rel="noreferrer">IFrame API</a> and simply an <code>&lt;iframe&gt;</code> copy-pasted from YouTube: <a href="https://i.stack.imgur.com/Q8AxT.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Q8AxT.png" alt="enter image description here"></a></li>
  <li>I tried both <code>/embed/</code> and <code>/watch?v=</code> as the URL.</li>
  <li>When using the iframe, changing <code>https://</code> to <code>http://</code> or <code>//</code> doesn't work. Taking the <code>www.</code> part out doesn't work either.</li>
  <li>Interestingly, it does work when I put the code in <a href="http://jsfiddle.net/8L6zom1r/" rel="noreferrer">JSFiddle</a>.</li>
  <li>It doesn't work on both Chrome and Firefox.</li>
  <li>There are no errors in the console.</li>
  <li>Accessing the website from my phone (not connecting from my WiFi) or a web proxy doesn't work either.</li>
  </ul>