JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <canvas id="canvas" style="width: 854px; height: 480px"></canvas>
</body>

JavaScript

var context = canvas.getContext('2d');
var video = document.createElement('video');
video.type = 'video/mp4';
video.src = 'https://media.w3.org/2010/05/sintel/trailer.mp4';
video.addEventListener('canplaythrough', function() {
  video.play();
  animate();
});
function animate() {
  requestAnimationFrame(animate);
  context.drawImage(video, 0, 0, canvas.width, canvas.height);
}