Делаем видео-слайдер из CL34N [недооформленно]
1. Добавляем Слайдер — CL34N
2. Добавляем HTML-код — T123 и вставляем в него следующий код
3. На Youtube под видео кликаем Share→Embed копируем код и вставляем в наш скрипт с заменой
<style>
.t801__centeredsection {
  overflow:hidden;
  position:relative;
  padding-bottom:26.25%;
  padding-top:30px;
  height:100%;
}
.t801__centeredsection iframe {
position:absolute;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
</style>
<script>
    $(document).ready(function(){
    $(".t-col.t-col_6.t801__centeredsection").empty();
    //Вставляем видео в каждый слайд
    $(".t-col.t-col_6.t801__centeredsection:eq(1)").append('<iframe width="100%" height="100%" src="https://www.youtube.com/embed/PDXfHY8kAfM?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
    $(".t-col.t-col_6.t801__centeredsection:eq(2)").append('<iframe width="100%" height="100%" src="https://www.youtube.com/embed/8Ivy52K5MSo?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
    $(".t-col.t-col_6.t801__centeredsection:eq(3)").append('<iframe width="100%" height="100%" src="https://www.youtube.com/embed/8Ivy52K5MSo?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
    $(".t-col.t-col_6.t801__centeredsection:eq(4)").append('<iframe width="100%" height="100%" src="https://www.youtube.com/embed/8Ivy52K5MSo?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>');
});
  </script>
Made on
Tilda