Is it possible to use two videos as autoplay background. One brighter as day mode and another darker video as night mode.

Question

Thanks for replying. I started coding about 2 weeks ago using html, css and javascript. I have been trying to achieve it for 4 days now. Please teach me how to make this work.

What I'm trying to do is = "Two videos. Only one video play at a time. Background. Full screen. Fixed content on top of it. A small animated toggle button or any kind.

One video is of bright sunny day. Another is of night. User can toggle between them with a button, simulating night mode and day mode. Video covers entire device width. Stays on background always.

https://code.sololearn.com/Wx6M7RgVN33N/?ref=app

Answer 1

Hey, is there any update on your code?

Answer 2

Puskar wagle
I am not an expert, but I suggest you try the following

Set up your video background behind your content, & prove that it will work with your first chosen video.

Then test your second chosen video as background to the same content.

When you know they both work, then set up an if / else clause in your script which will play the required video when your conditions are met