JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>loop</title>
 </head> 
 <body>
 
 
  <video autoplay loop muted controls>
    <source src="https://cs509504.vkuservideo.net/5/u116627315/videos/60cd70730f.360.mp4?extra=5pCLB2zpyS10UYIX_XBxUwffVHvzmQvrXj4bL6alDpMa_shvaRUyZW7wa2QlhbIKj7h5PNiq4VPOIj3DicOheOFo9Kj74z6EMLWdqLFfj_qjxXyXdDeMilULEIMasS6S_x3_MM_JhxVs026180M">
  </video>
 
<audio muted="muted">
</audio>
 
 
 </body> 
</html>

JavaScript

let x = 0
let v = document.querySelector("video")
let w = window.innerWidth
window.setInterval(function () {
    if(x == w - v.offsetWidth - 10) x = 0
    x++
    v.style.marginLeft = x + "px"
}, 50);