如何允许从Angular5中的Google Storage下载跨域文件



我们在我们的网站上使用了viseogular2播放器(VG播放器(。我们想在我们的一个视频中添加字幕,并使用我们的字幕文件(.vtt(存储在云存储中。

当我将该文件的链接提供给VG播放器时,它会返回以下错误:

"来自Origin的文本轨道'https://storage.googleapis.com'已从加载中阻止:与文档的原点不同,轨道元素的父母没有'Crossorigin'属性。原点'http://localhost:因此,不允许访问4200'。"

请建议如何解决这种情况。谢谢。

看来,这种情况似乎与跨原素资源共享策略(CORS(有关,即使您的应用程序来自不同的来源,在这种情况下,这将是VG播放器。

在这种情况下,您应该能够将CORS配置设置为云存储存储桶。为了实现此目的,您要做的就是运行以下命令,该命令将生成带有CORS配置的JSON文件:

gsutil cors set cors-json-file.json gs://[YOUR-BUCKET]

运行此命令后,您应该能够使用VG Player应用程序从存储桶中获取字幕文件。

最新更新