HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了播放html5视频时,网络开发工具上的chrome状态被取消大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在加载一个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 :::@H_673_21@在我的研究中,我发现这个SO帖子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 bug问题但是为什么当使用不同的网络服务器(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之间的对比屏幕截图

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

解决方法

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

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

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

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

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

大佬总结

以上是大佬教程为你收集整理的播放html5视频时,网络开发工具上的chrome状态被取消全部内容,希望文章能够帮你解决播放html5视频时,网络开发工具上的chrome状态被取消所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。