在播放html5视频时，网络开发工具上的Chrome状态被取消 [英] chrome- status cancelled on network dev tools when playing html5 video

问题描述

我在加载包含html5视频元素的网页时遇到问题，该网页遇到了chrome中的怪异问题.我说这很奇怪，因为行为不一致.

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.

这是一个截图，可以解释我的问题...

here is a screenshot to explain my problem...

这是在firefox和chrome中打开时同一页面的并排比较. Firefox会按原样加载页面，但是单击播放时chrome不会加载视频.甚至IE 11都没有加载视频的问题.

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.

现在让我指定问题发生的环境.整个应用程序托管在IHS/Websphere上(测试环境-尽管WAS可以完成所有工作-不受我的控制).链接是

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,

http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html

我确实有另一个环境，该站点由tomcat托管，无论使用哪种浏览器，都完全没有问题.该页面(正在审核的确切页面)的链接是

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,

http://www.courts.mo.gov/civiceducation/pages/const_proj_home.html

如果有人能帮助我理解导致此问题的原因或原因，我将不胜感激.预先感谢

I would appreciate if someone would help me in understanding what is causing this issue or why. Thanks in advance

更新::: 我在durin的研究中发现了这样的帖子在Chrome开发人员工具中status = canced表示资源的含义是什么?，并找到此链接，其中指出这是2013年4月

UPDATE::: durin my research i found this SO post What does status=canceled for a resource mean in Chrome Developer Tools? and found this link which says that it is a chrome bug issue dated april 2013 http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html but then why does chrome load the videos when a different webserver(tomcat) is used?

更新#2 ::::

我能够仅将问题隔离到mp4文件中.在处理视频的代码部分中，我翻转了指向mp4和webm的源标签，从而使webm现在列在首位...

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...

<video id="video1" width="850" height="530" poster="../snapshot/constitution_project_home_video_fullsize.png" controls="controls" preload="none" style="display:none;">
       <source src="../Media/video/webm/const_proj_welcomevideo.webm" type="video/webm" />
       <source type="video/mp4" src="../Media/video/mp4/const_proj_welcomevideo.mp4" />
       If you are seeing this, then your browser does not support the video element. You are using an <strong>outdated</strong> browser. Please upgrade your browser to improve your experience.
</video>

现在页面加载正常.

即使这解决了我原来的问题，我仍然想知道是什么导致了此问题.

Even though this solved my original problem, I would still like to know what is causing this issue.

更新#3 :::忽略更新#2

我认为问题已解决，但是在周末我没有对其进行测试，现在甚至webm文件都无法正常工作.它再次取消请求.仅当我将Websphere作为我的应用程序服务器时.因此，在上午，将标签"Websphere"重新添加到组合中.现在是屏幕截图...

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...

这是tomcat服务器和Chrome上WAS 8.5并排的比较屏幕截图

And here is the comparison screenshot between tomcat server and WAS 8.5 side by side on chrome

我的想法不多了，因为我的要求是将内容托管在Websphere服务器上.任何帮助是极大的赞赏.谢谢

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

推荐答案

在研究了许多可在线获取的资料，谷歌关于铬的bug报告等之后，我仍然不明白是什么原因导致了无数次错误.行为不一致(某些视频有时有效-可能被缓存了吗?).但是我还发现，我在2台测试机上使用的chrome版本分别为32和34.我的工作场所网络政策还禁止Chrome自动更新自身.

After researching through a lot of materials thats is available online , the bug report from google for chromium etc, I still was not able to understand what was causing the myriad of inconsistent behavior( some videos worked sometimes- Cached maybe?). But I also found out that the version of chrome that I was using were 32 and 34 respectively on 2 test machines. My workplace network policy also prohibited chrome from updating itself automatically.

因此，我在一个系统(v32到v38)上执行了手动更新，更新之后，一切按照预期的方式开始工作.此后，我也更新了其他系统，然后又重新工作了.

Hence I performed a manual update on one of my systems ?(v32 to v38) and after that update things started working the way it was supposed to. I updated my other system as well after that and it worked again.

所以我不知道是否可以在此处将其发布为答案，但对我来说，现在可以确定这是一个导致行为不一致的Chrome错误.只需更新浏览器(卸载/重新安装)即可解决此问题.

So I dont know if I can post this as an answer here but to me it is now confirmed that it was a chrome bug that was causing the inconsistent behavior. And simply updating the browser (uninstall/re-install) worked as a solution.

我向那些来这里寻求该问题的完整解决方案的人表示歉意，只是来这里发现他们只需要更新浏览器即可.

I apologize to those who came here looking for a full fledged solution to this problem only to come here and find out that they have to just update the browser.

最后但并非最不重要的一点-感谢所有花时间阅读甚至回答我的问题的人.

And last but not the least-- A BIG THANKS to all to who took time to even read and respond to my issue.

这篇关于在播放html5视频时，网络开发工具上的Chrome状态被取消的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！