HTML视频上的安全错误加载字幕

Question

因此，我在HTML5视频上遇到了一些带有字幕的意外行为。

我将视频 +字幕文件存储在Google Cloud Storage上，并且有一个网络界面来观看电影。

我的服务器生成了电影和字幕文件的签名URL。电影播放正常，我可以使用URL查看字幕文本内容。但是，使用＆lt; track＆gt;不起作用：

<track label="my_subtitle_file" src="my_signed_url" srclang="en" kind="subtitles">

在firefox中，我有一个错误：

Security Error: Content at <my site> may not load data from <signed GCS url> 

在chrome中，我会遇到一个略有不同的错误，但我想是同样的问题：

Unsafe attempt to load URL <signed GCS URL> from frame with URL <my site>.
Domains, protocols and ports must match.

我想我可以在我的后端上制作包装器端点，该端点获取文件的内容并为其提供服务。但是我想知道，还有另一种方法吗？为什么＆lt; track＆gt;节点具有这种严重的限制？

编辑

我在GCS存储桶中添加了CORS策略：

[
  {
    "origin": ["https://my-domain.com"],
    "responseHeader": ["Content-Type"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]

在GCS控制台上，我也尝试删除“防止公共访问设置”。不过，我并没有将文件公开（我仍然需要需要预先签名的URL），但是GCS似乎有点Wierd，因为您可以在不实际公开的情况下转动“防止公共访问”。

Answer 1

为此用例设置COR是不够的，因为有些浏览器甚至没有尝试提出HTTP请求来加载字幕。

因此，要加载来自外部域的字幕您需要：

1. 配置CORS策略以允许（例如访问> Access-Control-allow-Origin： *）
2. add crossorigin =“匿名”属于您的＆lt; video＆gt;标签。