Question

我正在尝试隐藏相关视频（youtube iframe），但似乎不起作用。

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<div id = "frame_container">
<iframe id="frame" width="800" height="600" src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
<button onclick="hide_related()">Hide</button>
</div>

<script>
    function hide_related(){
        $("#frame_container").contents().find(".ytp-pause-overlay ytp-scroll-min").css("display", "none");
    }
</script>
</body>
</html>

Answer 1

您缺少jQuery选择器上的井号，它应该是`$（“＃frame_container）。

此外，函数.contents()仅查看获得的jQuery对象的立即子级。

来自jQuery documentation：

给定一个表示一组DOM元素的jQuery对象，.contents（）方法使我们能够在DOM树中搜索这些元素的直接子代，并从匹配的元素中构造一个新的jQuery对象。

<div id = "frame-container">
  <iframe id="frame" width="800" height="600" 
    src="https://www.youtube.com/embed/tgbNymZ7vqY">
  </iframe>
  <button onclick="hide_related()">Hide</button>
</div>

<script>
  function hide_related() {
    $("#frame-container").find(".ytp-pause-overlay ytp-scroll-min")
      .css("display", "none");
  }
</script>

在youtube iframe中隐藏相关视频

1 个答案: