Video frame test

by gavinfoley

HTML

<script src="https://rawgit.com/allensarkisyan/VideoFrame/master/VideoFrame.min.js"></script>
<video class="video" autoplay controls src="http://www.w3schools.com/html/mov_abbb.mp4"></video>

<video class="video" autoplay controls src="http://www.w3schools.com/html/mov_bbb.mp4"></video>

<video class="video" autoplay controls src="http://www.w3schools.com/html/mov_abbb.mp4"></video>

JavaScript

setTimeout(() => {

  const videos = document.querySelectorAll("video");

  const setVideoProcessingPoster = (videoEle) => {
    videoEle.setAttribute("poster", "http://dummyimage.com/312x175/000/fff.jpg&text=Video+Not+Found");
    videoEle.removeAttribute('controls');
  };

  videos.forEach((videoEle) => {

    if (videoEle.error) {
      setVideoProcessingPoster(videoEle);
    }

    videoEle.addEventListener("error", (e) => setVideoProcessingPoster(e.target));

  });

}, 2000);