title: HTML5: Video doesn't load when trying to add subtitles
body: <p>Live example code is here: <a href="http://jsfiddle.net/inspiredtolive/5t8fbod2/" rel="nofollow">http://jsfiddle.net/inspiredtolive/5t8fbod2/</a></p>
  
  <p>I changed the video source in the 2nd video and all of the sudden, the video doesn't even load.</p>
  
  <pre><code>&lt;video controls crossorigin="anonymous"&gt;
      &lt;source type="video/mp4"  src="http://potatotest.eu.pn/html-practice/SampleVideo_1080x720_1mb.mp4"&gt;
      &lt;track kind="subtitles" srclang="en" label="English" default src="//releases.flowplayer.org/vtt/subtitles-en.vtt"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Removing the crossorigin attribute will allow the video to load but the subtitles won't show up. It might have something to do with the video source? What do I do?</p>