Smooth Video Loop
Is it possible that we can make a video (it is a background video) have a cross pass effect to start video again?
I want to loop background video loop seamlessly.
-# If possible, I want to achieve it without backend.
33 Replies
you can do whatever you want with a video, in the video
in html, then you just set the video to loop and that's it
you need a way to host the video
I mean
okay wait
what he's saying is that there's no way to accomplish that using HTML, JS, or CSS
I want to make kind of effect that will have cross-pass effect and how can I achieve that with video editor either? transitions used for merging two videos after all
though I suppose you could layer two backgrounds and do a dissolve between them, but it would just be a dissolve
what is a cross pass?
cross-fade?
i forgot it is name
i can see mobile devices strugling with this
cross fade you can probably fake by having two videos, then fading from one to the other... but if you're using it to loop, your best bet is to put the cross fade into the actual video file using a video editor
make the video loop seamlessly first, and then just display it
exactly
just do it in the video
if you need a background of different colors, then you are opening a can of worms
(by fading from one to the other, I mean have a CSS animation that transitions the two videos from 0-1 opacity and 1-0 opacity simultaneously
that will do
you cab chroma key it, but doing it in realtime on a phone ... yeah ...
just for the record, I think it's a Bad Idea™️
i just make it a poster on mobile device, not a big deal
especially if you're just using it to loop a single existing video
you can probably find a site that will make a video looping for you. There's probably a one-line ffmpeg command that'll do it too, and optimize it for web use while you're at it
i have a small question confusing me;
my video is 10 seconds, and if i try to loop it twice to get transition effect which is "cross-fade" will make the video 20 seconds, but start and end of the video will have a black screen when video plays and ends. you guys might've tried video editor tools and have seen it.
like middle of the video will have a perfect cross-fade effect
start & end won't have that
that's just how you edit the video
this is so much pain, let me just slowdown playing speed. it is not like people will wait on hero section to video end xD
say you have a 10 second video, and want a 1 second crossfade
You drag two copies of the video into the editor timeline. The first video starts at 1 second into the video. The second video overlaps the end of the first video by 1 second. Then, you cut the video right at the end of the crossfade, such that the last frame of the cross fade is followed by the first frame of the video
let me try that
there's also just... googleable tools online that loop video for you: https://videoloop.io/
VideoLoop - Loop Video and Audio Online for Free
Loop sections of any video or audio track such as YouTube, Twitch or Facebook videos. Upload a video or paste the video url link. Supports any video format - MP4, MP3, AVI and more.
Video Looper - Loop Video Online for Free
Use our online video looper for any video for free!✔️ We support any video format - MP4, AVI, 3GP, and many more!✔️ We can loop video files up to 4 GB! Try our free tool today!
just the first two results
it's a lot easier and much less janky to have it all in the video, instead of trying to fudge with css and javascript
yup. and that's ignoring potential performance issues faking it in the browser causes
well yeah it works for middle part now let's do start and end
you just cut it right after the transition
you should end up with a 10 or 11 second video
and cut at start
so it is looping perfectly
yes
thanks, i liked the idea
there should be no duplicated frames
yeah, it is just a sensitive work rn
thanks guys