Topics

Kevin Powell - Community•2y ago

Video loop

For some reason I cant get this video to loop. What im I missing? HTML

<video muted autoplay loop class="video">
<source src="/video/video.mp4" type="video/mp4">
</video>

<video muted autoplay loop class="video">
<source src="/video/video.mp4" type="video/mp4">
</video>

CSS

.video{
position: absolute;
z-index: -1;
height: 100vh;
width: 100vw;
object-fit: cover;
}

.video{
position: absolute;
z-index: -1;
height: 100vh;
width: 100vw;
object-fit: cover;
}

Thanks in advance 🙂

4 Replies

MarkBoots•2y ago

it tried your code, and it does loop as expected. looks correct can you check what you see if you right click the video. you should see "loop" checked

Gv3-Flyver•2y ago

@MarkBoots Whats for looking.. maybe its my browser, because it stops on my end 😂

MarkBoots•2y ago

did you try different browser to see? chrome, edge, firefox

Gv3-Flyver•2y ago

No.. only Chrome. Will try later when I get home 🙂

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Need some advice...I am building a landing page with html, CSS, and JS for my portfolio. I have done small projects bef How to make the design work**I was wondering how i can make this design work.** I feel like the contact page is too much and i TypeScript-ESLint is trying to parse markdown filesI've not tried to setup ESLint like this before; I want to have a single source of truth at the root How to recreate this layoutI was confused on how to create this layout. Could anybody give me some suggestions?Remove SpacesAs you can see in the picture there is a big margin I want to remove that.Container shrinks in mobile screenSo my container shrinks quite a bit on small mobile screens, and the content inside it fades with it Using grid verticallyIs it possible to stretch the grid items vertically to use the 100% of the height (25%) each? https:While map over an object remove the , ?Looping over an object and it keep adding the , to the dom. I know with an array you can use .replac Page switchingI'm switching pages by switching between `display:none` and `display:block`. How can i stay on the a making the text diagonal on the left sideHi me again 😅 , I'd like to create this effect where the left side of the text is 45deg diagonal, b