使用 JavaScript 关闭 Youtube 注释

Question

目前我知道有三种方法可以禁用 youtube 视频中的注释：

1. 您可以使用 YouTube 设置。这对我不起作用，因为我没有（也不想要）帐户。
2. 您可以使用专门的扩展。这可能行得通，但我宁愿没有一个包含大量选项的完整扩展，仅此而已。
3. 您可以使用（广告）屏蔽扩展程序，并将||youtube.com/annotations_ 添加到其过滤器中。这与前一点存在相同的问题。此外，它会完全禁用它们，而我只是希望它们默认关闭（所以我可以选择打开它们）。

是否可以使用 JavaScript 来实现？我有一个用户脚本，它已经对 YouTube 的网站进行了一些修改，所以理想情况下我想扩展它。这真的是我错过的最后一件事。

我要求答案仅限于使用 JS 而不是浏览器扩展建议。既是因为（如前所述），我已经知道这些，而且因为这既是关于学习过程的，也是关于结果的。更多用户脚本的练习。

Answer 1

由于 youtube 有时会改变玩家的行为，我会尽量使代码保持最新并尽可能健壮。

var settings_button = document.querySelector(".ytp-settings-button");
settings_button.click(); settings_button.click(); // open and close settings, so annotations label is created

var all_labels = document.getElementsByClassName("ytp-menuitem-label");
for (var i = 0; i < all_labels.length; i++) {
  if ((all_labels[i].innerHTML == "Annotations") && (all_labels[i].parentNode.getAttribute("aria-checked") == "true")) { // find the correct label and see if it is active
    all_labels[i].click(); // and in that case, click it
  }
}

Answer 2

用户密码正确，设置需要点击&然后：

document.querySelectorAll("div[role='menuitemcheckbox']")[1].click() 

我将它添加到我的“关闭自动播放和注释”脚本中：https://gist.github.com/Sytric/4700ee977f427e22c9b0

---

以前工作的 JS：

document.querySelectorAll("div[aria-labelledby=\"ytp-menu-iv\"]")[0].click()

Answer 3

我知道您不想为此使用扩展程序，但这是解决您的问题的最灵活、最简单的方法。 扩展使我们能够使用后台脚本，通过它我们可以将 css 和 javascript 注入打开的网页。 我对此做了一个扩展 https://chrome.google.com/webstore/detail/hide-labels-and-end-cards/jinenhpepbpkepablpjjchejlabbpken 这也有一个停止启动按钮，我只是像以前一样注入相反的代码。 如果您在这方面需要任何进一步的帮助，我将很乐意这样做。

Answer 4

iv_load_policy (supported players: AS3, AS2, HTML5) Values: 1 or 3. Default is 1. Setting to 1 will cause video annotations to be shown by default, whereas setting to 3 will cause video annotations to not be shown by default.

Answer 5

这是一个不错的解决方案，只需使用注释隐藏 div

$("div.video-annotations").css("display", "none");