Как скрыть controls под poster?
Сначала ставим тег video без атрибута controls<video class="video" poster="poster.jpg" preload>
  <source src="video.mp4">
</video>
по клику на видео запускаем проигрывание и устанавливаем controls = true
на чистом js, без jQuerydocument.addEventListener("DOMContentLoaded", function(){ // аля $(document).ready
  let videos = document.getElementsByClassName('video'); // получаем все видосы с класосм
  videos = [].slice.call(videos); // преобразуем в массив
  videos.forEach(function(item) { // перебираем массив и навешиваем обработчики
    let media = item;
    media.onclick = function () {
      media.play(); // запускаем проигрывание
      media.controls = true; // добавляем контролы
    };
    media.addEventListener('ended', function() {
      media.controls = false; // видео просмотрено, убираем контролы
    });
  });
});https://yandex.ru/search/?text=html5%20media%20api...
Попрежнему код рабочий))