播放html5视频时,网络开发工具上的chrome状态被取消

Question

我在加载一个有html5视频元素的网页时出现问题,该网页遇到了一个奇怪的问题.我说它很奇怪,因为行为不一致.

这是一个截图来解释我的问题......

这是在firefox和chrome中打开时同一页面的并排比较.firefox会加载页面,但点击播放时chrome不会加载视频.甚至IE 11也没有加载视频的问题.

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

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

我确实有另一个环境,其中网站由tomcat托管,无论使用什么浏览器都没有问题.该页面的链接(正在审核的确切页面)是,

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

如果有人能帮助我理解造成这个问题的原因或原因,我将不胜感激.提前致谢

更新:::在我的研究中,我发现这个SO帖子什么状态=取消了Chrome开发者工具中的资源意味着什么？并发现此链接表明这是一个日期为2013年4月的Chrome bug问题http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html 但是为什么Chrome会在不同的网络服务器(tomcat)加载视频用来？

更新#2 ::::

我能够将问题只隔离到mp4文件.在我处理视频的代码部分,我翻转了指向mp4和webm的源代码,以便webm现在首先列出...

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

现在页面加载工作得很好.

即使这解决了我原来的问题,我仍然想知道导致这个问题的原因.

更新#3 :::无视更新#2

我认为这个问题已经解决,但是在周末我没有测试它,现在甚至webm文件也无法正常工作.它再次取消了请求.只有当我有websphere作为我的app服务器时.因此,我将标签"Websphere"添加回混音中.这是截图...

这是tomcat服务器和WAS 8.5之间的对比屏幕截图

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

Answer 1

在研究了大量可在线获取的材料,谷歌的铬等错误报告之后,我仍然无法理解造成无数不一致行为的原因(有些视频有时会工作 - 缓存可能吗？).但我也发现我使用的chrome版本在2台测试机器上分别为32和34.我的工作场所网络政策也禁止Chrome自动更新.

因此,我在我的一个系统上执行了手动更新？(v32到v38),在更新之后,事情开始以预期的方式工作.之后我更新了我的其他系统,它再次起作用.

所以我不知道我是否可以在此发布这个答案,但对我来说现在已经确认它是一个导致不一致行为的chrome bug.只需更新浏览器(卸载/重新安装)就可以解决问题.

我向那些来到这里寻找完整成熟的解决方案的人道歉,只是来到这里并发现他们必须更新浏览器.

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