[ad_1]
Im creating a website and I would like a 10-second video to start playing when someone scrolls down the page and sees this section: [https://edcalerts.com/#how-it-works])
The video will be me scrolling through channels in a discord server. No voice. and I would like to repeat when its done.
I see a lot of support articles have these gifs that do this. They just play and loop.
I’ve never seen one large though, is there a reason for that? In my situation, it will have to be really large because it will be replacing that current image. Would a gif make it blurry at that size?
**What would you do to accomplish this task?**
[ad_2]
Webm, gif is outdated and rather unoptimal for videos.
Why not an MP4 video?
my clients usually prefer htm5 webm w mp4 fallback, usually looks something similar to this after all is said and done, ignore the empty attributes, i just grabbed it from a prod site
<video autoplay=”” muted=”” playsinline=”” loop=”” class=”indexvideo whateveryouwantlol” data-desktop-vid=”{{ urlroot }}/2023-homepage-vid-xl.webm” data-mobile-vid=”{{ urlroot }}/2023-homepage-vid-sm.webm”>
<source src=”{{ urlroot }}/2023-homepage-vid-xl.webm” type=”video/webm”><source src=”{{ urlroot }}/2023-homepage-vid-xl.mp4″ type=”video/mp4″></video>