Наложение изображения на видео с youtube и открытие по клику

Добро пожаловать! Здесь вы можете узнать о последних обновлениях и решить вопросы касательно использования функционала данного сайта! Перед посещением обязательно ознакомьтесь с правилами форума. Некоторые функции форума доступны только зарегистрированным пользователям.
Домой Мониторинг инвестиционных проектов Вебмастерам (админам проектов) Наложение изображения на видео с youtube и открытие по клику
1 ответ(ов) в теме
Admin
не в сети 10 часов
На сайте с 12.09.2018
Администратор
Титул: Элита
100%
Тем 46
Сообщения 76
1
11:06

Стили - css:

Спойлер
.video-wrapper{
  position:relative;
  display:inline-block;
}
.video-overlay{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  background-image:url("https://stat.jpg"); /* заливаем блок статичной картинкой */
  background-size:cover; /* масштабируем изображение по размеру блока */
}

Вывод изображения/видео - html:

Спойлер
<div class="video-wrapper">
  <div class="video-overlay"></div>
  <iframe width="560" height="315" src="https://www.youtube.com/" frameborder="0" allowfullscreen></iframe>
</div>

Небольшой код на JavaScript:

Спойлер
<script type="text/javascript">
document.querySelector(".video-overlay").onclick = function(){
    this.style.display = "none";
}
</script>

0
Вы не имеете права на публикацию сообщений в этой теме