I am currently using the tns-slider plugin and have a setup with 3 slides (2 photos and 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>
In addition to that, here are the settings:
const slider = tns({
'items' => 1,
'controls' => false,
'loop' => true,
'autoplay' => true,
'lazyload' => true,
'autoplayTimeout' => 4000
});
});
The current configuration allows the slider to autoplay... However, I would like it to start autoplaying only after the video has finished playing.
Is there a way to achieve this functionality?