Этот скрипт мы написали сами: нашли скрипт для видео и модернизировали его. Просто скопируйте и применяйте в своих проектах. Не забудь вставить ссылку на своё видео.
<script> $(document).ready(function() { var block = $('#rec410051636'); // id вашего z-блока var wrap = $('.anku-slider'); // область слайдера var slides = $('#rec413494843, #rec413500602, #rec413501554'); // id ваших z-блоков
var box = wrap.find('.tn-atom'); box.append('<div class="owl-carousel owl-theme"></div>'); slides.appendTo(block.find('.owl-carousel')); var owl = wrap.find('.owl-carousel').owlCarousel({ loop: true, // true/false - бесконечная прокрутка center: false, // true/false - центрирование dots: false, // true/false - точки под слайдами nav: false, // true/false - стандартная навигация margin: 13, // any value in px - внешний отступ сежду слайдами в пикселях items: 3, // кол-во слайдов responsive: { // количиство отображаемых слайдов в зависимости от разрешения дисплея 0: { items: 1 }, 640: { items: 1 }, 1000: { items: 1 }, 1200: { items: 1 }, } })
block.find("[href='#anku_left']").click(function(e) { // добавьте эту ссылку к кнопке, отвечающей за прокрутку влево (назад) e.preventDefault(); owl.trigger('prev.owl.carousel'); }) block.find("[href='#anku_right']").click(function(e) { // добавьте эту ссылку к кнопке, отвечающей за прокрутку вправо (вперед) e.preventDefault(); owl.trigger('next.owl.carousel'); }) }); </script>