Разделы документации
Поиск⌘KФон на сайте: код и ссылки
На вкладке «Встраивание» — готовый HTML-блок для сайта и страница-плеер для конструкторов.
На этой странице
Код для сайта
Блок с видео на всю ширину, постером и затемнением под текстом. Нажмите «Копировать», вставьте на страницу и замените комментарий своим содержимым:
html
<style>
.bg-video { position: relative; overflow: hidden; min-height: 60vh; }
.bg-video > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bg-video::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .4); }
.bg-video__content { position: relative; z-index: 1; color: #fff; }
</style>
<div class="bg-video">
<video autoplay muted loop playsinline poster="https://stream.dodocast.com/bgv/код.jpg">
<source src="https://stream.dodocast.com/bgv/код-mobile.mp4" type="video/mp4" media="(max-width: 767px)">
<source src="https://stream.dodocast.com/bgv/код.mp4" type="video/mp4">
</video>
<div class="bg-video__content">
<!-- Ваш текст поверх видео -->
</div>
</div>- Если браузер не запустит видео сам (энергосбережение, блокировщики) — посетитель увидит постер.
- Узкие экраны получают файл для телефонов — браузер выберет его сам.
- Ссылки постоянные: при замене ролика сайт получит новый без правок кода.
«Посмотреть на демо-странице» покажет ваш фон в четырёх видах: на весь экран, в окне рядом с текстом, на экране устройства и на телефоне.
Страница-плеер (iframe)
Для конструкторов сайтов, куда можно вставить только iframe. Задайте блоку конструктора размер — плеер займёт его целиком:
html
<iframe src="https://watch.dodocast.com/bgv/код" title="Фоновое видео"
aria-hidden="true" tabindex="-1"
style="width: 100%; height: 100%; border: 0; pointer-events: none;"></iframe>Затемнить ролик или обрезать его по-своему через iframe нельзя — для этого используйте код выше.
Постоянные ссылки
| Файл | Адрес |
|---|---|
| основной | https://stream.dodocast.com/bgv/<код>.mp4 |
| для телефонов | https://stream.dodocast.com/bgv/<код>-mobile.mp4 |
| постер | https://stream.dodocast.com/bgv/<код>.jpg |
Обновлено: