Estoy usando la conexión tns-slider y tengo 3 diapositivas (2 fotos y 1 video)
<div class='tiny-slider'> <div class='slide slide1'> <div class='video-slide'> <video id="desk" loop autoplay muted> <source src="/videos/small.mp4" type="video/mp4"> </video> </div> </div> <div class='slide slide2'> <div class='slide-overlay'> <div class='slide-title'>Slide two</div> </div> </div> <div class='slide slide3'> <img src="https://placeimg.com/700/500/tech" alt=""> </div> </div>y la configuración:
const slider = tns({ 'items' => 1, 'controls' => false, 'loop' => true, 'autoplay' => true, 'lazyload' => true, 'autoplayTimeout' => 4000 }); });El control deslizante se reproducirá automáticamente... pero quiero que se reproduzca automáticamente solo cuando termine el video.
Cómo puedo hacer eso ?