播放 html5 视频时，网络开发工具上的 chrome-status 已取消

Posted 2023-02-19

【中文标题】播放 html5 视频时，网络开发工具上的 chrome-status 已取消

【英文标题】：chrome- status cancelled on network dev tools when playing html5 video

【发布时间】：2014-12-05 20:11:50

【问题描述】：

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

这是解释我的问题的屏幕截图...

这是在 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 帖子 What does status=canceled for a resource mean in Chrome Developer Tools? 并发现这个链接说这是一个 chrome 错误问题，日期为 2013 年 4 月 http://wwwtest.courts.mo.gov/civiceducation/pages/const_proj_home.html 但是为什么当使用不同的网络服务器（tomcat）时，chrome 会加载视频？

更新 #2 ::::

我能够仅将问题隔离到 mp4 文件。在我处理视频的代码部分中，我翻转了指向 mp4 和 webm 的源标签，这样 webm 现在被列在第一位......

<video id="video1"   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 作为我的应用服务器时。因此，我将标签“Websphere”重新添加到组合中。这是现在的屏幕截图...

这是tomcat服务器和WAS 8.5在chrome上的对比截图

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

【问题讨论】：

@fnt 我看到你做了修订，说明这个问题与 websphere 无关。你能解释一下你的陈述背后的原因吗？我添加了 websphere 标记，因为我的问题仅在应用程序托管在 websphere 上时出现。托管在tomcat上时效果很好。谢谢

似乎这是一个 google 无法解决的现有问题...我在 chrome 中遇到一个简单/小视频文件的加载时间非常长code.google.com/p/chromium/issues/detail?id=234779

@almightyBoognish 感谢您的回复。我确实遇到了 HTML5 视频的问题，一般都有这个问题。那么当它托管在tomcat而不是websphere上时，如何正确加载相同的页面。这就是让我失望的原因。我注意到在 ipad 上浏览时视频也无法正常播放（safari）

我不能给你一个我确定的解决方案。但是半年前我在 IIS 服务器上托管一个网站时遇到了同样的问题。当我在本地创建网站时一切都很好。但是部署到 IIS 给了我和你现在一样的问题。我想我通过将文件转换为 ogg 格式解决了这个问题。 （我用这个网站来转换它：video.online-convert.com/convert-to-ogg。但是你当然可以自己转换它。）我认为这与服务器处理 MP4、WEBM 和 OGG mime-type 的方式有关。如果你愿意，我可以深入了解我的历史？

放弃 MP4 我的 Chrome 切换到加载 WEBM 版本并成功 - 构建 39.0.2171.27 beta-m。由于我确定不是每个人都在使用当前的 beta 版本，因此查看更改日志并将问题减少到 Chrome 的某些版本可能会很有用

【参考方案1】：

在研究了很多在线可用的材料、谷歌关于铬的错误报告等之后，我仍然无法理解是什么导致了无数不一致的行为（有些视频有时有效——可能是缓存的？）。但我也发现我使用的 chrome 版本在 2 台测试机器上分别是 32 和 34。我的工作场所网络政策还禁止 chrome 自动更新自身。

因此，我在我的一个系统上执行了手动更新？（v32 到 v38）并且在更新之后事情开始按预期的方式工作。在那之后我也更新了我的另一个系统，它又可以工作了。

所以我不知道我是否可以将其作为答案发布在这里，但对我来说，现在已确认这是导致行为不一致的 chrome 错误。只需更新浏览器（卸载/重新安装）即可解决问题。

我向那些来到这里寻找这个问题的完整解决方案的人道歉，但来到这里却发现他们只需要更新浏览器。

最后但并非最不重要的一点——非常感谢所有花时间阅读并回复我的问题的人。