javascript - 尝试在视频标签上设置 crossorigin 属性时，视频播放已损坏

Question

问题发生在 chrome 浏览器桌面上。 尝试将轨道元素添加到视频时出现以下错误:

  <video ...>
       <track..>
    </video>

http://jsfiddle.net/itayKinnrot/6Up5t/1/

当我将 crossorigin 属性添加到视频时(如错误提示)，视频播放已损坏(当尝试在暂停后恢复视频时 - 视频元素无播放 + 错误) http://jsfiddle.net/itayKinnrot/PrCZ5/1/

我在这里做错了什么。

Answer 1

我注意到在您的第二个 fiddle 中，(视频的)资源请求被 302 重定向。
似乎 Chrome 在重定向后无法正确处理支持 CORS 的视频(可能是由于处理缓冲/缓存的实现中存在错误)。

这是它在开发人员工具的网络选项卡中的样子:

用重定向目标替换视频标签的 src 属性后，我可以正确地搜索视频并暂停/恢复播放。网络日志显示成功的字节范围请求。请注意，开发人员工具不会显示第一个请求的分块响应，而只会显示一个连续请求。

此行为尖叫“错误”，因此在 http://crbug.com/new 打开一个新问题似乎是最好的行动方案。尝试创建一个小型测试用例(最好是独立的)，以便更容易查明错误。创建问题后，请添加带有错误报告链接的评论。