JSFiddle - React, Tailwind, and code Playground
HTML
<video id="video1" width="480" height="270" muted="muted" autoplay loop>
<source src="https://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_10mb.mp4" type="video/mp4" />
YOUR BROWSER NOT SUPPORT VIDEO PLAY
</video>
CSS
video::-webkit-media-controls-timeline {
display: none;
}
video::-webkit-media-controls {
display: none;
}
JavaScript
setTimeout(function(){
var a=document.getElementById('video1');
a.play().catch(function (e) {
console.log("a.play catch>", e);
});
},1000);