title: HTML5 video (video.js) not loading in Chrome
body: <p>I have a html5 video video that is not loading in chrome, it just shows the loading spinner from video.js. </p>
  
  <p>I get the following error in chrome console too:</p>
  
  <pre><code>Uncaught TypeError: Cannot call method 'init' of undefined machinas.com/:830
  ["Video Error", Object]
  0: "Video Error"
  1: Object
  length: 2
  __proto__: Array[0]
  </code></pre>
  
  <p>.htaccess</p>
  
  <pre><code>AddType video/mp4 .mp4 .m4v
  AddType video/webm .webm
  AddType video/ogg .ogv .ogg
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;video id="video-1" class="video-js vjs-default-skin"
                   width="100%" height="100%"
                   poster="videos/timelapse.jpg"
                   data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'&gt;
                   &lt;source src="videos/timelapse.mp4" type='video/mp4' /&gt;
                    &lt;source src="videos/timelapse.webm" type='video/webm' /&gt;
                    &lt;source src="videos/timelapse.ogv" type='video/ogg' /&gt;
                    Your browser doesn't support HTML5 video.
              &lt;a href="videos/benstatue.mp4"&gt;Download&lt;/a&gt; the video instead.
   &lt;/video&gt;
  </code></pre>
  
  <p>Anyone know what could be the issue?</p>