JSFiddle - React, Tailwind, and code Playground

HTML

<video loop="loop" muted="muted" class="abs-video abs"
  data-src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerEscapes.mp4"></video>

CSS

video {
  width: 100%;
  
  /* заглушка на время прогрузки видео,
  если нужна */
  background: url(https://i.imgur.com/2myk0gB.png); 
}

JavaScript

document.addEventListener('DOMContentLoaded', function(){ // или 'load', попробуйте что больше подойдет
  const player = document.querySelector('.abs-video');
  player.oncanplay = function(){ player.play() }; // вызовется, когда загрузится хотя-бы несколько первых кадров
  player.src = player.dataset.src; // подставляем правильный src
})