Javascript 在youtube iframe中隐藏相关视频_Javascript_Html_Iframe_Youtube Api

Javascript 在youtube iframe中隐藏相关视频

javascript html iframe youtube-api

Javascript 在youtube iframe中隐藏相关视频,javascript,html,iframe,youtube-api,Javascript,Html,Iframe,Youtube Api,我试图隐藏相关视频（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">

我试图隐藏相关视频（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>


隐藏
函数hide_related（）{
$（“#frame_container”）.contents（）.find（“.ytp pause overlay ytp scroll min”）.css（“display”，“none”）；
}
您缺少jQuery
选择器上的标签，它应该是“$”（“#frame_container）
另外，函数.contents（）
只查看所获得jQuery对象的立即子对象
从：
给定一个表示一组DOM元素的jQuery对象，.contents（）方法允许我们在DOM树中搜索这些元素的直接子元素，并从匹配的元素构造一个新的jQuery对象

隐藏
函数hide_related（）{
$（“#帧容器”）.find（“.ytp pause overlay ytp scroll min”）
.css（“显示”、“无”）；
}
您缺少ID上的标签，而且DOM中的相关视频在哪里？问题可能来自.contents（）
只查看元素的直接子元素，在本例中是frame\u container
的直接子元素。这个问题可能需要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>