Инструкция
(скрыть)
С помощью этого кода можно добавлять несколько форматов видео при вставке в Zero Block. Данный пример не предусматривает отложенную загрузку видео {но она есть в четвертом уроке}.
Для случая, когда видео вылезает за границы блока с кодом действуем по алгоритму:
- Вставь в поля формы ссылку на заставку для случая, если видео не загрузится
- Вставь ссылки на видео в формате mp4 и webm
- Скопируй код и вставь внутрь Zero Block
Для случая, когда видео вылезает за границы блока с кодом действуем по алгоритму:
- Добавь класс блоку с кодом
- Вставь в стили эти строчки: .название_класса {display: block; overflow: hidden;}
<style>
.page__video {width: 100%; height: auto; object-fit: cover;}
</style>
<video class="page__video" autoplay muted loop playsinline poster="img.jpg">
<source src="one-does-not-simply.webm" type="video/webm">
<source src="one-does-not-simply.mp4" type="video/mp4">
</video>
