@Ivan1331

Как сделать карусель из видео youtube?

Нужно сделать карусель из ютуб видео. Через ACF я создал репитер и в него поместил поле oEmbed и в админке помещаю ссылки на нужное мне видео. Вот так вывожу:
<div class="owl-carousel owl-theme youtube-slider">
                <?php if( have_rows('var_youtube') ): ?>
                    <?php while( have_rows('var_youtube') ): the_row(); ?>
                <div>
                        <?= get_sub_field('var_video')?>
                </div>
                    <?php endwhile; ?>
                <?php endif; ?>
                </div>

Использую OWL carusel так как она уже подключена ранее
$('.youtube-slider').owlCarousel({
                loop: true,
                margin: 150,
                nav: true,
                navText: navText,
                dots: false,
                lazyLoad: true,
                items:1,
                responsive:{
                    768:{
                        items:2
                    }
                }
            })

В итоге выводятся айфреймы в айтемах, но есть пару проблем: видео наезжают друг на друга, почему то не выставляется количество айтемов, можно задать расстояния поставив огромные марджины, но всё равно не то. И что самое важно, сами видео почему как то странно отображаются, нету значка ютуба в окне видео внизу( для перехода на видео в ютубе) и при развёртывании кнопки как то странно работают( пауза через раз ставится)
603e383f20539621165466.png
Подскажите как пофиксить, или может как по другому сделать
  • Вопрос задан
  • 270 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы