I am using tns-slider pluging and have 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>

and the settings:

const slider = tns({
    'items' => 1,
    'controls' => false,
    'loop' => true,
    'autoplay' => true,
    'lazyload' => true,
    'autoplayTimeout' => 4000
  });
});

The slider will autoplay .... but I want to autoplay only when the video is finished.

How can I do that ?