Вставка видео в Shape

Данная модификация поможет вставить видео в любой Shape в том числе и на мобильных устройствах

Назад

Zero-блок

Инструкция для установки

Видеоинструкция

Текстовая инструкция

Появится в течении дня

2. Скопируйте готовый код и вставляем в блок T123. Сам блок с кодом разместите под zero-блоком или в футере сайта.

1. Добавляете для Shape в zero-блоке имя класса

Для этого нажмите правой кнопкой мыши на картинку и выберите:

video_zero_block

Генератор кода

Ссылка на видео (MP4)

Радиус скругления углов у видео

Включен ли auto-scale?

Скопировать код

Код скопирован

Код с вашими параметрами

 <!--Видео на сайт || https://twikup.ru/sheip-video--> <video preload="auto" class="video_source_block" playsinline autoplay loop muted> <source src="https://static.mp4" type="video/mp4"> </video> <script>
        $(document).ready(function(){
        $('.video_source_block').appendTo('.video_zero_block div');
        });
    </script> <style> .video_zero_block {
          overflow: hidden; 
        }
        .video_zero_block .tn-atom {
            background-image: none !important;
            background-color: transparent !important;
        }
        .video_zero_block video {
            object-fit: cover;
            width:100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 10px;
        }
    </style>

Могут быть интересны

Техническая поддержка

Заказать установку

Тебе нужна помощь
с установкой или возник вопрос по сервису?