비메오 자동재생과 슬라이드(swiper) 연동 채택완료
</strong></p>
<p><div class="swiper-container ">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide_video_wrap">
<span style="color:#1abc9c;"><iframe class="main_video" src="<a href="https://player.vimeo.com/video/40747?muted=1&autoplay=1&loop=1&autopause=0&title=0&background=1"" target="_blank" rel="noopener noreferrer">https://player.vimeo.com/video/40747?muted=1&autoplay=1&loop=1&autopause=0&title=0&background=1"</a> frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></span>
</div>
</div>
<div class="swiper-slide">
<div class="slide_video_wrap">
<span style="color:#1abc9c;"><iframe class="main_video" src="<a href="https://player.vimeo.com/video/4074748?muted=1&autoplay=1&loop=1&autopause=0&title=0&background=1"" target="_blank" rel="noopener noreferrer">https://player.vimeo.com/video/4074748?muted=1&autoplay=1&loop=1&autopause=0&title=0&background=1"</a> frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></span>
</div>
</div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div></p>
<p> <script>
var swiper = new Swiper('.video_wrap .swiper-container', {
slidesPerView: 1,
spaceBetween: 0,
centeredSlides: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
/*
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
*/
});</p>
<p> </script></p>
<p><strong>
비메오는 현재 유료 서비스를 결제하지는 않았습니다.
비메오를 활용해서 영상을 재생시키고 있습니다.
여러개의 영상을 재생시켜야해서 슬라이드를 사용해야하는데,
문제는 1번째 슬라이드 영상 시작과 동시에 2번째 영상도 노출이 안되지만 재생이 되고 있더라구요.
슬라이드가 활성화(.active)되면 영상이 재생되게 가능한가요?
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인