Можно ли поставить преролл поверх окна с видео?

Да, в JavaScript можно реализовать преролл поверх окна с видео.

Преролл - это вид рекламы, который показывается перед воспроизведением основного контента, в данном случае - видео.

Для реализации преролла нужно использовать технологии HTML5 и CSS3 в сочетании с JavaScript.

Сначала создайте HTML разметку для окна с видео и преролла. Ниже приведен пример HTML разметки:

<div id="video-container">
  <video id="main-video" controls>
    <source src="main_video.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
  <div id="preroll-overlay">
    <div id="preroll-content">
      <p>Реклама</p>
      <!-- ... Дополнительное содержимое преролла ... -->
    </div>
  </div>
</div>

Затем, используя CSS, настройте расположение и стили элементов видео и преролла. Пример CSS:

#video-container {
  position: relative;
  width: 800px;
  height: 450px;
}

#preroll-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

#preroll-content {
  color: white;
  text-align: center;
}

#main-video {
  width: 100%;
  height: 100%;
}

Теперь настало время использовать JavaScript для управления прероллом.

// Находим элементы по их id
const mainVideo = document.getElementById('main-video');
const prerollOverlay = document.getElementById('preroll-overlay');

// Отслеживаем событие 'play' на основном видео
mainVideo.addEventListener('play', () => {
  // Скрываем преролл
  prerollOverlay.style.display = 'none';
});

// Отслеживаем событие 'pause' на основном видео
mainVideo.addEventListener('pause', () => {
  // Показываем преролл
  prerollOverlay.style.display = 'flex';
});

// Отслеживаем событие 'ended' на основном видео
mainVideo.addEventListener('ended', () => {
  // Показываем преролл
  prerollOverlay.style.display = 'flex';
});

В приведенном выше примере использованы слушатели событий для отслеживания событий 'play', 'pause' и 'ended' на основном видео. Когда видео начинает воспроизводиться, преролл скрывается, а когда видео становится на паузу или заканчивается, преролл снова показывается.

Это только один из способов реализации преролла поверх окна с видео в JavaScript. В зависимости от требований проекта, можно использовать различные техники и библиотеки для достижения желаемого результата.