<!--Видео на сайт-->
<!--Повторяем эту часть кода столько раз, сколько у вас видео. В каждой части кода задайте уникальный класс, например video_source_block_1, video_source_block_2 и т.д.-->
<video preload="auto" class="video_source_block_1" playsinline autoplay loop muted>
<!--Укажите здесь свою ссылку на видеофайл-->
<source src="https://khudova.ru/swiftdesign/video/opening-a-laptop.mp4">
</video>
<video preload="auto" class="video_source_block_2" playsinline autoplay loop muted>
<!--Укажите здесь свою ссылку на видеофайл-->
<source src="https://khudova.ru/swiftdesign/video/opening-a-laptop.mp4">
</video>
<script>
$(document).ready(function(){
// Продублируйте эту строчку столько раз, сколько у вас видео. В каждой строке задайте уникальные классы видео и соответствующего ему шейпа из зеро блока
$('.video_source_block_1').appendTo('.video_zero_block_1 div');
$('.video_source_block_2').appendTo('.video_zero_block_2 div');
});
</script>
<style>
/*Далее перечислите везде уникальные классы шейпов через запятую*/
.video_zero_block_1, .video_zero_block_2 {
overflow: hidden; /*Сотрите это свойство, если у вас включен автоскейл*/
}
.video_zero_block_1 .tn-atom, .video_zero_block_2 .tn-atom {
background-image: none !important;
background-color: transparent !important;
}
.video_zero_block_1 video, .video_zero_block_2 video {
object-fit: cover;
width:100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 10px; /*Радиус скругления углов у видео*/
}
</style>