Никита Траторов

Все браузеры умеют сохранять когда-то скачанные элементы веб-страниц (кешировать). Они делаю это в рамках своих настроек. На это поведение может повлиять специальная настройка на стороне сервера (заголовки, влияющие на политику кеширования).
В консоли браузера, при первом посещении, можно наблюдать картину, когда один и тот же элемент пречисляется много раз, но только первый имеет статус 200 (получен), а остальные 304 (без изменений). Это означает, что браузер скачал элемент один раз, а все остальные разы - он просто проверил, не изменился ли файл (по его дате).

Вот здесь еще есть примеры как это делать правильно: www.w3schools.com/tags/ref_av_dom.asp

Я бы искал выход, перехватывая событие:

<!-- Видео без контролов -->
<video>
    <source src="URL" id="myVideo">
</video>

<script>
var vid = document.getElementById("myVideo");

vid.ontimeupdate = function() {myFunction()};

function myFunction() {
    event.PreventDefault();
}
</script>

Ориентируясь на: Timeupdate

Это не тире, а подчеркивание ссылки:

.carouselSimple__linkImg {
	display: block;
	height: 100%;
/* 	background: #369; */
  text-decoration: none;  /* добавьте вот эту строку */
}