title: chrome- status cancelled on network dev tools when playing html5 video
body: <p>I have a problem in loading a webpage that has a html5 video element in it that runs into a weird problem in chrome. I say it is weird because the behavior is inconsistent.</p>
  
  <p>here is a screenshot to explain my problem...</p>
  
  <p><img src="https://i.stack.imgur.com/BoaA8.jpg" alt="enter image description here"></p>
  
  <p>this is the side by side comparison of the same page when opened in firefox and chrome. The firefox loads the page as it should but chrome does not load the video when play is clicked. Even IE 11 had no issues in loading the video.</p>
  
  <p>Now let me specify the environment where the problem occurs as well. The whole application is hosted on IHS/ Websphere (test environment-although WAS does all the job- not under my control). The link is,</p>
  
  <p><a href="http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html" rel="nofollow noreferrer">http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html</a></p>
  
  <p>I do have another environment where the site is hosted by tomcat where there is no problem at all no matter what browser is used. The link to that page (the exact page under review) is,</p>
  
  <p><a href="http://www.courts.mo.gov/civiceducation/pages/const_proj_home.html" rel="nofollow noreferrer">http://www.courts.mo.gov/civiceducation/pages/const_proj_home.html</a></p>
  
  <p>I would appreciate if someone would help me in understanding what is causing this issue or why. Thanks in advance</p>
  
  <p>UPDATE::: 
  durin my research i found this SO post <a href="https://stackoverflow.com/questions/12009423/what-does-status-canceled-for-a-resource-mean-in-chrome-developer-tools">What does status=canceled for a resource mean in Chrome Developer Tools?</a> and found this link which says that it is a chrome bug issue dated april 2013 <a href="http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html" rel="nofollow noreferrer">http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html</a>  but then why does chrome load the videos when a different webserver(tomcat) is used?</p>
  
  <p>UPDATE #2 ::::</p>
  
  <p>i was able to isolate the problem just to mp4 files.In my section of code that handled the video, I flipped the source tags that pointed to mp4 and webm such that the webm is now listed first...</p>
  
  <pre><code>&lt;video id="video1" width="850" height="530" poster="../snapshot/constitution_project_home_video_fullsize.png" controls="controls" preload="none" style="display:none;"&gt;
         &lt;source src="../Media/video/webm/const_proj_welcomevideo.webm" type="video/webm" /&gt;
         &lt;source type="video/mp4" src="../Media/video/mp4/const_proj_welcomevideo.mp4" /&gt;
         If you are seeing this, then your browser does not support the video element. You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please upgrade your browser to improve your experience.
  &lt;/video&gt;
  </code></pre>
  
  <p>Now the page load works just fine. </p>
  
  <p>Even though this solved my original problem, I would still like to know what is causing this issue.</p>
  
  <p><strong>UPDATE #3::: Disregard update#2</strong></p>
  
  <p>I thought that the problem was solved but over the weekend I did not test it and now even webm files are not working. Its cancelling the request again. Only when I have websphere as my app server. Hence in am adding the tag "Websphere" back into the mix. Here is a screenshot now...</p>
  
  <p><img src="https://i.stack.imgur.com/tBPbA.jpg" alt="enter image description here"></p>
  
  <p>And here is the comparison screenshot between tomcat server and WAS 8.5 side by side on chrome</p>
  
  <p><img src="https://i.stack.imgur.com/muDSm.jpg" alt="enter image description here"></p>
  
  <p>I am running out of ideas as my requirement going forward is that the content is going to be hosted on the Websphere server. Any help is greatly appreciated. Thanks</p>