我们在网站上使用Videogular2播放器(VG播放器)。我们想在我们的一个视频中添加字幕,我们的字幕文件(.vtt)存储在云端存储中。
当我将该文件的链接提供给VG播放器时,它会返回以下错误:
"来自原文的文字跟踪' https://storage.googleapis.com'已被阻止加载:与文档的原点不同,并且track元素的父元素没有“cross crossigin”#39;属性。起源' http://localhost:4200'因此不允许访问。"
请告知如何解决这种情况。感谢。
答案 0 :(得分:0)
这种情况似乎与Cross-Origin Resource Sharing policy (CORS)有关,它允许您的应用程序对云存储桶执行请求,即使它来自不同的来源,在这种情况下也是VG播放器。< / p>
在这种情况下,您应该能够将CORS configuration设置为云存储分区。为了实现这一点,您需要做的是运行以下命令,该命令将为您的存储桶生成一个带有CORS配置的JSON文件:
gsutil cors set cors-json-file.json gs://[YOUR-BUCKET]
运行此命令后,您应该可以使用VG播放器应用程序从存储桶中提取字幕文件。