title: Captions Not Working with Video.js
body: <p>I've been using Video.js to embed mp4 videos, it's a great player, thanks to everyone who develops and works on it. For the most part, it's working great, but I have a few small issues I need to figure out.</p>
  
  <p>Here's one of the video pages; <a href="http://www.watermanatwork.com/KayakFishing/KayakFishingVideo/PacNWVideo/SmallmouthBassFishing/ColumbiaRiverSmallmouthBassFishing.html" rel="nofollow">Columbia River Bass Fishing</a>. It's mostly XHTML Transitional, I think mixing the HTML 5 in is causing some issues, especially with attribute values, but as long as it works, I'll figure out the details later. Here's the video.js code:</p>
  
  <pre><code>&lt;video id="WAW_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360" poster="ColumbiaRiverSmallmouthBassFishing.jpg" data-setup='{"WAW_option":true}' &gt;
  &lt;source src="ColumbiaRiverSmallmouthBassFishing.mp4" type='video/mp4' /&gt;
  &lt;track kind="captions" src="captions.vtt" srclang="en" label="English" default /&gt;
  Your browser does not support this video. Maybe you should update your internet browser
  &lt;/video&gt;
  </code></pre>
  
  <p>The video stuff works great in Firefox, Chrome and IE11, but no captions. The "captions.vtt" file is correct and IE10 will display the captions locally on my computer, but on the remote server there are no captions. I tried using the full URL location for the VTT file but that didn't work either.</p>
  
  <p>A quick look at the coding on this page should tell you that I'm no expert, but I'd like to try and produce code that works and is compliant, so forgive the stupid questions.</p>
  
  <p>Thanks in advance</p>
  
  <p>Ron B</p>