Автоматически проигрываемое зациклённое видео вместо заливки шейпа в Zero Block.
shape-with-video.<!--Видео на сайт-->
<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>
Радиус скругления видео и поведение при автоскейле описаны в комментариях к стилям.