Клик по Iframe, в не поля Iframe

Question

Можно ли реализовать такое? Iframe 500px на 500px, обернут в div который 1000px на 1000px. Я кликаю в любой части дива, но попадаю по айфрейм и тем самым его активирую. Возможно это смена координат клика, или другие методы, подойдет любой, мне просто нужно активировать айфрейм) Заранее спасибо Ребята!

<div style="width: 1000px; height: 1000px; border-color: #008a77; border-style: solid; padding: 5px">
    <iframe width="500px" height="500px" src="https://www.youtube.com/embed/pCKDrDvaOKE"></iframe></div>

Answer 1

Как то так, но я не уверен, что это будет запускать видео Ютуба. Если нужен именно запуск видео, то тоже можно сделать, но это уже отдельный вопрос.

document.getElementsByClassName("block")[0].onclick  = function () {
    document.querySelectorAll(".block iframe")[0].click();
}

.block{
  width: 300px;
  height: 300px;
  border-color: #008a77;
  border-style: solid;
  padding: 5px
}
.block iframe{
  background-color: #000000;
}

<div class="block">
    <iframe onclick="alert('Мы нажали на Iframe')" style="width:100px; height: 100px;" ></iframe>
</div>

БЛОГ НА HUSL

Клик по Iframe, в не поля Iframe

Ответы (1 шт):