как настроить вставку видео в образ ноутбука

-2

У меня есть этот образ этого ноутбука:

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

Кроме того, будет ли он работать оперативно?

Я с нетерпением жду ваших ответных гениев :)

  • 0
    Можете ли вы поделиться своим кодом вместо вашего сайта?
  • 0
    Ну, я хотел бы, но я ищу код ....
Показать ещё 1 комментарий
Теги:
embed
video
youtube

1 ответ

0
<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/

Надеюсь, поможет.

  • 0
    Привет, спасибо за вашу помощь. Я не могу видеть в коде, где будет YouTube Src .... Я немного запутался. Могу ли я добавить этот код прямо в раздел?
  • 0
    Я просто редактирую свой пост
Показать ещё 6 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню