Css после загрузки видео?

Question

[Za Za]

есть видео фон на странице который автоматом начинает играть после загрузки

<video poster="/screenshot.jpg" id="video1" playsinline="playsinline" preload="auto" autoplay="true" muted="true" loop="loop" controls="controls">
          	<source src="video/fly.mp4" type="video/webm">
          	<source src="video/fly.mp4" type="video/mp4">
          	</video>

есть текст "типа мотивационный и прочее" в divах который появляется на видео.
в css все прописано по времени и тексты появляются в нужный момент на видео.

вопрос - как теперь сделать так чтоб данный css начал работать толко после того, как на странице начало воспроизводиться видео.

Answer 1

[Qu1eeeOJ]

window.onload = function() {
  setTimeout(function() {
    var video = document.getElementById('video1');
    video.play();
  }, 1000);
}

Возможно вам это поможет.