Как задать блоку с img время видео?

Всем привет!
Помогите пожалуйста решить эту задачу:
У меня такая карусель как на изображении. При нажатии на один из блоков выводит это видео в плеер ниже.
1: Так вот, можно ли сделать так что бы в блоках при указании ссылки видео, JQ подставлял первую секунду этого видео как background или как img.
2: В #total-time выводил общее время видео.
3: При нажатии на блок срабатывал авто-запуск плеера.

Спасибо вам ребят, за вашу поддержку, никогда не подводите!

<!-- HTML блока-->
<div>
<a href="http://localhost/onep/wp-content/uploads/2019/03/environment_video-1-1.mp4" class="video-link">
<p>title</p>
<div id="total-time">0:00</div>
<img src="http://localhost/onep/wp-content/uploads/2019/03/boat.jpg" />
</a>
</div>

<!-- HTML плеера-->
<div class="media-player" id="media-player">
 <video src="video/time.mp4" class="video-play" controls="controls"></video>
</div>