title: How to stream video from URL with Javascript
body: <p>When I try to stream a video from a url, I get the following error:</p>
  
  <pre><code>Uncaught (in promise) DOMException: Failed to load because no supported source was found.
  </code></pre>
  
  <p>Obviously, I've tested and my source works great. Here's a simplified <a href="https://jsfiddle.net/p2m1rL9j/1/" rel="nofollow noreferrer">JS fiddle</a>, and here's a copy of the code in that fiddle:</p>
  
  <pre><code>// Create HTML Video Element to play the video
  var video = document.createElement('video');
  video.addEventListener('loadeddata', function (e) {
      document.body.appendChild( video );
  });
  
  video.src = 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4';
  video.crossOrigin = 'anonymous';
  video.loop = true;
  video.play();
  </code></pre>
  
  <p>What do I need to change in order to get it working?</p>