title: VideoJS: mp4 is not working when dynamically changing the video url
body: <p>I am using videoJs for showing the video.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;video id="player-vjs_html5_api" class="vjs-tech" crossorigin="anonymous" preload="auto" src="http://path-to-video/small.mp4"&gt;
    &lt;p class="vjs-no-vjs"&gt;Your browser does not support video.&lt;/p&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>  loadMedia: function(path) {
      player.src(path);
      return void 0;
    }
  </code></pre>
  
  <p>It works perfectly when i used <code>.webm</code> but i tried with <code>mp4</code> i got following error </p>
  
  <pre><code>VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported. 
  </code></pre>
  
  <p>I tried following too but it doesn't work</p>
  
  <pre><code>&lt;video id="player-vjs_html5_api" class="vjs-tech" crossorigin="anonymous" preload="auto"&gt;
      &lt;source src="" type="video/mp4" /&gt;
      &lt;source src="" type="video/webm" /&gt;
      &lt;source src="" type="video/ogv" /&gt;
    &lt;p class="vjs-no-vjs"&gt;Your browser does not support video.&lt;/p&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>  loadMedia: function(path) {
      player.src([
          { type: "video/mp4", src: path+".mp4" },
          { type: "video/webm", src: path+".webm" },
          { type: "video/ogg", src: path+".ogv" }
      ]);
      return void 0;
    }
  </code></pre>
  
  <p>but it didn't work too.</p>