我在加载一个包含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
如果有人帮助我了解导致此问题的原因或原因,我将不胜感激。提前致谢
UPDATE ::: 在我的研究中,我发现了这个帖子What does status=canceled for a resource mean in Chrome Developer Tools?并发现这个链接说明这是一个日期为2013年4月http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html的Chrome漏洞问题但是为什么当一个不同的网络服务器(tomcat)是Chrome加载视频时使用
更新#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并排在Chrome上的对比屏幕截图
我的想法已经不多了,因为我的要求是内容将在Websphere服务器上托管。任何帮助是极大的赞赏。感谢
答案 0 :(得分:5)
在研究了大量可在线获取的材料,谷歌的Chrome等错误报告之后,我仍然无法理解导致无数不一致行为的原因(有些视频有时会工作 - 缓存可能吗?)。但我也发现我使用的chrome版本在2台测试机器上分别为32和34。我的工作场所网络政策还禁止Chrome自动更新。
因此,我在我的一个系统上执行了手动更新?(v32到v38),在更新之后,事情开始以预期的方式工作。之后我更新了我的其他系统,它再次起作用。
所以我不知道我是否可以在此发布此答案,但对我来说现在已经确认它是一个导致不一致行为的Chrome错误。只需更新浏览器(卸载/重新安装)即可解决问题。
我向那些来到这里寻找完整成熟解决方案的人道歉,只是来到这里,发现他们必须更新浏览器。
最后但并非最不重要 - 非常感谢所有人花时间阅读并回答我的问题。