FROM
<img src="myAnimation.gif" />
TO
<video loop muted autoplay playsinline>
<source src="/video.webm" type="video/webm">
<source src="/video.ogg" type="video/ogg">
<source src="/video.mov" type="video/quicktime">
<source src="/video.mp4" type="video/mp4">
</video>
(Optional) Custom playback delay
document.querySelectorAll('video[autoplay]').forEach(video => {
video.playbackRate = 0.75;
video.onended = () => setTimeout(() => video.play(), 500);
});