Добро пожаловать! Здесь вы можете узнать о последних обновлениях и решить вопросы касательно использования функционала данного сайта! Перед посещением обязательно ознакомьтесь с правилами форума. Некоторые функции форума доступны только зарегистрированным пользователям.
1 ответ(ов) в теме
Стили - 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>Вы не имеете права на публикацию сообщений в этой теме
