JSFiddle - React, Tailwind, and code Playground

by HDL52

HTML

<video loop muted autoplay oncanplay="this.play()" onloadedmetadata="this.muted = true">
    <source src="https://raw.githubusercontent.com/Hongda-OSU/PicGo-2.3.1/master/imgvideoplayback.mp4" type="video/mp4">
  </video>

CSS

body {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}

video {
  width: 100%;
  height: auto;
}

JavaScript

document.getElementsByTagName('video')[0].onended = function () {
  this.load();
  this.play();
};