Question

В верхней части сайта https://frommeat.net/ расположено видео с помощью такого кода:

<div class="head-top">

<div id="trailer" class="is_overlay">

<video id="video" loop="loop" autoplay="" muted="" poster="/.s/t/1817/mainbg.png">

<source src="/.s/t/1817/mainbg.mp4">

</video>

</div>

Как вместо видео расположить обычное фото? Как правильно прописать код?

Answer 1

Замените код:

<video id="video" loop="loop" autoplay="" muted="" poster="/.s/t/1817/mainbg.png"> <source src="/.s/t/1817/mainbg.mp4"> </video>

на:

<img src="/.s/t/1817/mainbg.png" id="video" >

Comments

Спасибо! Еще вопрос: как сделать, что-бы в мобильной версии изображение сжималось полностью и не обрезалось? Сейчас так: https://prnt.sc/sf6j98 А хотелось бы так: https://prnt.sc/sf6jts

---

Александр Попов,

пропишите фото так:

<img src="/Fotoglavnay/internet-magazin_dlja_mjasa.jpg" style="width: 100%;height: 278px!important;">

---

Yuri_Geruk,

Получается еще хуже https://prnt.sc/sf6xtz

---

Александр Попов,

Тогда не меняйте и оставьте как есть.

---

Yuri_Geruk,

Спасибо за ответ. И последний вопрос по главной: Как заменить изображение фоновое https://prnt.sc/sf74q0 ? В коде прописано так: 

<div class="promo-section2">

<div class="wrapper">

<div class="border-quote">

<p>Lorem ipsum dolor sit amet,consetetur sadipscing elitr, Stet clita kasd gubergren, Stet clita kasd

gubergren, sed diam voluptua. no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

</div>

---

Александр Попов,

1. Перейти в панель управления - Дизайн - Редактор - CSS, удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла https://frommeat.net/.s/src/css/1817.css - Сохранить.
2. После найти строку номер 208:

.promo-section2{background:url(/.s/t/1817/promo-sect2bg.png) 50% no-repeat fixed;position:relative;}

вместо выделенного красным https://frommeat.net/.s/t/1817/promo-sect2bg.png прописать свое фото размерами 1920х1209.

---

Yuri_Geruk,

Спасибо огромное! Буду пробовать