У меня есть этот образ этого ноутбука:
http://www.ildottoredellepiante.it/formazione/wp-content/uploads/2017/05/laptop-png-6754.png
И я хотел бы добавить его в раздел "743" моего сайта (сразу после слайдера в верхней части страницы) → http://www.ildottoredellepiante.it, и я хотел бы включить видео в задняя сторона экрана. URL-адрес видео с youtube и следующий: www.youtube.com/watch?v=ucXRLnIkTyQ
Кроме того, будет ли он работать оперативно?
Я с нетерпением жду ваших ответных гениев :)
<div>
<div>
<iframe width="560" height="315" src="//www.youtube.com/embed/f890SC1schE" frameborder="0" allowfullscreen></iframe>
</div>
</div>
div {
width: 100%;
height: 100%;
max-width: 1034px;
max-height: 543px;
margin: 0 auto;
}
div div {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
}
div iframe {
box-sizing: border-box;
background: url(http://i.stack.imgur.com/zZNgk.png) center center no-repeat;
background-size: contain;
padding: 11.9% 15.5% 14.8%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Здесь jsfiddle: http://jsfiddle.net/4g9e3ywy/
Надеюсь, поможет.