我们在我们的网站上使用了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应用程序从存储桶中获取字幕文件。