перехватить iframe клик

314

24 ноября 2017, 05:40

Имеется простенькая верстка, которую даже приводить смысла нет, див, в который при помощи innerHTML дописывается iframe - в этом элементе лежит ютуб-видео(берется из АПИ).

Мне необходимо при нажатии на данное видео перехватывать клик, и переносить пользователя на непосредственно само видео на ютубе.

Вопрос: каким образом в iframe можно перехватить play ютуб-видео, и вместо проигрывания на моем сайте, редиректнуть его на новую вкладку непосредственно на ютуб?

Answer 1

Думаю что тут все так просто и объяснять не надо ничего Просто ссылка прозрачная поверх iframe

.block { 
  position: relative; 
  width: 300px; 
  height: 200px; 
  margin: 5px; 
} 
 
a { 
  position: absolute; 
  z-index: 100; 
  display: block; 
  width: 100%; 
  height: 100%; 
}

<div class='block'> 
  <a href="https://www.youtube.com/watch?v=txByrfFXFv0&t=2s" target="_blank"></a> 
  <iframe width="300" height="200" src="https://www.youtube.com/embed/txByrfFXFv0" frameborder="0" allowfullscreen></iframe> 
</div>