Нужно сделать карусель из ютуб видео. Через 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
}
}
})
В итоге выводятся айфреймы в айтемах, но есть пару проблем: видео наезжают друг на друга, почему то не выставляется количество айтемов, можно задать расстояния поставив огромные марджины, но всё равно не то. И что самое важно, сами видео почему как то странно отображаются, нету значка ютуба в окне видео внизу( для перехода на видео в ютубе) и при развёртывании кнопки как то странно работают( пауза через раз ставится)
Подскажите как пофиксить, или может как по другому сделать