title: Getting CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED when opening video file with VIDEO.js -
body: <p>The error only happens when i try to view the website(video) over the internet.
  Everything works perfectly when i am running locally in visual studio and it also works perfectly when i remote desktop into the production webserver where i published the site to and browse to the site locally there.  </p>
  
  <p>If i had to guess it seems like something is timing out when it goes over the internet or maybe there is something on our firewall preventing the movie from streaming to me from the production webserver. I doubt the firewall is the issue because i can view other videos streamed with video.js from other sources.</p>
  
  <p>My developertools console window shows this (I tried to post a screenshot but i didnt have enough rep points):
  GET <a href="http://166.62.34.149/Videos/Walgreens_8700SKedzieAve.m4v" rel="nofollow">http://166.62.34.149/Videos/Walgreens_8700SKedzieAve.m4v</a> net::ERR_CONNECTION_ABORTEDvideo.js:118 s.loadvideo.js:65 Tvideo.js:75 s.loadVideo.aspx?VideoName=Walgreens_8700SKedzieAve.m4v:59 (anonymous function)video.js:36 s.Hvideo.js:28 t.a.t.ua.extend.ivideo.js:6 dvideo.js:57 t.Player.t.a.extend.ivideo.js:6 dvideo.js:2 tVideo.aspx?VideoName=Walgreens_8700SKedzieAve.m4v:57 (anonymous function)</p>
  
  <p>here is my code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;script type="text/javascript"&gt;
          var videoName;
          //videojs.autoSetup();
          videoName = document.getElementById('lblVideoName').innerHTML;
          videojs('my_video_1', {}, function(){
              this.src({ type: "video/mp4", src: "/Videos/" + videoName });
              this.load();
              this.play();
          });
          videojs('my_video_1').ready(function () {
          // Store the video object
          var myPlayer = this, id = myPlayer.id();
          var aspectRatio = 478 / 850;
  
          function resizeVideoJS() {
              var width = document.getElementById(id).parentElement.offsetWidth;
              myPlayer.width(width).height(width * aspectRatio);
  
          }
  
          resizeVideoJS();
          window.onresize = resizeVideoJS;
      });
  
  
          function PausePlayer() {
              var myPlayer = videojs('my_video_1');
              myPlayer.pause();
          };
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have set my IIS mime type, so that isnt the issue.  Any help you have provide would be greatly appreciated.</p>
  
  <p>Thanks everyone!</p>