Что делает скрипт

Автоматически проигрываемое зациклённое видео вместо заливки шейпа в Zero Block.

Как подключить

  1. Шейпу в Zero Block задайте класс shape-with-video.
  2. В коде замените ссылку на видеофайл на свою.
  3. Вставьте код в блок T123 «HTML-код» на страницу (или в «Настройки страницы» → «HTML-код для вставки внутрь head»).
  4. Опубликуйте страницу: код выполняется только на опубликованной странице.

Код

Код для вставки
<!--Видео на сайт-->
<video preload="auto" class="video_shape" playsinline autoplay loop muted>
    <!--Укажите здесь свою ссылку на видеофайл-->
    <source src="https://dl.dropboxusercontent.com/scl/fi/44a37qk92ut5x7n68wbkf/wide-shot_4.mp4?rlkey=giw4hjqliadmye5c9mjn4oenj&st=xnx5zvv1&dl=0">

</video>

<script>
    $(document).ready(function(){
    $('.video_shape').appendTo('.shape-with-video div');
});
</script>

<style>
.shape-with-video {
  overflow: hidden; /*Сотрите это свойство, если у вас включен автоскейл*/
}
.shape-with-video .tn-atom {
    background-image: none !important;
    background-color: transparent !important;
}
.shape-with-video video {
    object-fit: cover;
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px; /*Радиус скругления углов у видео*/
}
</style>

Радиус скругления видео и поведение при автоскейле описаны в комментариях к стилям.

тут нужно написать стили и js/css для того, чтобы отображались файлы скриптов