Google chrome extension 尽快将CSS注入页面

我的扩展CSS隐藏了youtube视频（在youtube.com上），使其无法显示。唯一的问题是，它只在页面准备就绪时加载，因此在隐藏视频之前会显示明显的1-2秒视频

如何在页面加载之前插入CSS？这是我的注入代码，我尝试了，但没有成功：

window.addEventListener("DOMContentLoaded", function() {
    path = chrome.runtime.getURL("/inject.css");
    jQuery('<link/>', {
        rel: 'stylesheet',
        type: 'text/css',
        href: path
    }).appendTo('head');

});

window.addEventListener（“DOMContentLoaded”，function（））{
path=chrome.runtime.getURL（“/inject.css”）；
jQuery（“”{
rel:'样式表'，
键入：“text/css”，
href:path
}).appendTo（“head”）；
});

用manifest.json（）中的“content\u scripts”部分替换整个代码，并添加“run\u at”：“document\u start”（如链接页面中的示例所示）。谢谢！我已经有了，忘了提了<代码>“content_scripts”：[{“matches”：[“*：/*.youtube.com/*”]，“js”：[“js/jquery-3.4.1.min.js”，“js/content.js”，“js/controller.js”]，“css”：[“css/style.css”，“css/inject.css”]，“run_at:“document_start”}在这种情况下，您不需要在JS中插入inject.css。您需要确保css选择器正确，并且在加载视频时与视频匹配。也许您需要添加

！重要的

。无论如何，如果没有，我们只能猜测，这不是解决此类问题的正确方法。