title: Video.js playing Quicktime mov file
body: <p>I'm trying to play a Quicktime .mov file (wrapping an H264 video) in a browser using video.js. I've created a new Typescript project in Visual Studio 2012 and referenced the video file in a very simple html file adapted from the demo file downloaded from <a href="http://www.videojs.com/" rel="nofollow">http://www.videojs.com/</a>. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Video.js | HTML5 Video Player&lt;/title&gt;
    &lt;link href="video-js.css" rel="stylesheet" type="text/css"&gt;
    &lt;script src="video.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      videojs.options.flash.swf = "video-js.swf";
    &lt;/script&gt;      
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
        data-setup="{}"&gt;
      &lt;source src="media/somevideo.mov" type='video/mp4' /&gt;
    &lt;/video&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Unfortunately this doesn't appear to play in either Chrome or IE (I haven't tried other browsers). I've tried changing the type to type='video/quicktime' with no luck, and I've tried to remove the type attribute all together. In the former case the video 'loads' forever. In the second scenario, text appears at the top of the video object telling the used to download the latest version of Flash. </p>
  
  <p>I've got a feeling this may be a MIME-type issue, but am not sure how to fix it. Does anyone know how to resolve this?</p>
  
  <p>Steve</p>
  
  <p>EDIT I'm going to give up on this. I've decided I can batch convert to H264 and create some metadata to extract the extra information I need. This makes life much easier that relying on video.js interacting with QT.</p>