javascript - 由于重复请求，视频元素无法加载

Question

我的 webApp(用 HTML5 和 jQuery 编写)包含一个视频元素，其源在用户交互后动态分配。添加源(视频元素路径，而不是源标签)后，我调用 video-element.load()，并且由于某种原因，两个 GET 请求被发送到我的本地主机服务器。第一个请求的 Range header 为

bytes=0-

第二个

bytes=<FileLength>-

我的服务器(用 C# 编写)接受两个请求并为它们提供服务(在一个“大” block 中发回 mp4 文件)。但视频元素似乎是空的(空白)，并且不会响应 .play()。

我最大的问题是这个问题不一致，它可能不会发生在一个文件上，然后它会发生，大约一秒钟后。另外，这种情况仅在 Chrome V52 及更高版本上发生在我身上(例如在 V51 或 Firefox 上不会发生)

有人有什么想法吗？如何检查是否是 HTML 问题？ JS 问题？即使我调用 load() 一次，浏览器是否应该发送 2 个 GET 请求？

Answer 1

解决您的问题的另一种解决方案是更改您的网络服务器，使其能够处理此类请求。选项有:1.修复它以支持使用部分响应 block 进行应答(使用响应 header Content-Range)2. 将其配置为完全禁用部分响应(通过将 Accept-Ranges:none 添加到响应 header