Javascript HTML5（曲目元素）-字幕未在Youtube上显示

我正在用ReactJS编写一个chrome扩展，允许用户在Youtube上插入字幕。 我一直试图在Youtube上插入带有track元素的字幕，但它不起作用

Youtube具有以下元素：

<video tabindex="-1" class="video-stream html5-main-video" 
controlslist="nodownload" style="width: 760px; height: 428px; left: 
0px; top: 0px;" src="blob:https://www.youtube.com/eb4c349e-ac8a-465d- 
b6b1-53acfcb66aa8"> 
</video>

---

subs.vtt

文件与包含上述代码的javascript文件位于同一文件夹中。当代码加载到Youtube上时，我会收到“loaded subs”消息，但字幕不会出现

我尝试将track.src URL更改为，尝试使用启动本地服务器

python -m SimpleHTTPServer

如图所示，并建议将track.src URL更改为。两种解决方案都不起作用

---

有人知道为什么它不起作用吗？

在Youtube上插入字幕，我跟着帖子。

---

我没有使用script标记，而是使用了一个textarea来获取用户的输入。

“与javascript文件相同的文件夹”-它是否在扩展包中？在这种情况下，您需要在中声明它并使用chrome.runtime.getURL，如文档所示。至于localhost URL，它不起作用，因为youtube页面使用了限制性CSP头。你也可以尝试在字幕中使用数据URI。我会试试看它是否有效。谢谢，所以我将subtitles.vtt文件添加到web_accessible_资源中的manifest.json中，并将chrome.runtime.getURL添加到inserSubtitles函数中作为曲目的URL，但这不起作用。可能YouTube player使用了不同的方法，因为它有自己的字幕支持。或者，您的URL可能由于限制性页面CSP而被阻止-请检查devtools网络面板。尝试使用也不起作用的数据uri。

python -m SimpleHTTPServer