Скрыть похожие видео в YouTube iframe - PullRequest
0 голосов
/ 19 марта 2020

Я пытаюсь скрыть похожие видео (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>

1 Ответ

0 голосов
/ 19 марта 2020

Вам не хватает хэштега в селекторе jQuery, это должно быть `$ (" # frame_container).

Кроме того, функция .contents() смотрит только на немедленный Получены дочерние объекты jQuery объекта / с.

Из jQuery документации :

Дан объект jQuery, представляющий набор DOM-элементы, метод .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>
...