Videos · Glossary
What is a looping video?
A looping video is a short clip that plays again from the start as soon as it ends, often edited so the last frame flows into the first. Looping is usually a playback setting on the page or platform, not something stored in the file, so one MP4 can loop in one place and stop in another.
Loops show up everywhere attention is brief: website hero sections, product pages, digital signage and feeds that replay clips automatically. Understanding that the loop lives in the player, not the video, saves a lot of confusion when a clip plays once in one place and forever in another.
Indunil Asanka · Co-founder
5 min read · Published
| Looping video (MP4 or WebM) | Animated GIF | Boomerang or Bounce style | |
|---|---|---|---|
| What it is | A normal video file played on repeat | An image format that stores frames and a repeat instruction | A short burst played forwards then backwards |
| Where the loop is set | By the player, for example the HTML loop attribute | Inside the file, then honoured by the viewer | By the app that makes it, then usually exported as video |
| Colour | Full colour | A palette of up to 256 colours per frame | Full colour |
| File size | Small for its quality | Often many times larger than the same clip as MP4 | Small |
| Sound | Can carry audio, usually muted for autoplay | None | Usually none |
| Best for | Website heroes, signage, product close ups | Simple animations in email and chat | Playful moments with motion in both directions |
Where the repeat actually happens
A video file does not normally know whether it should loop. On the web, the HTML video element has a loop attribute, and MDN's reference explains that when it is present the browser seeks back to the start upon reaching the end. Social apps and signage players make the same choice in their own settings, and some short form feeds replay clips automatically. GIF is the exception: the GIF89a format stores frames for simple animation, and the widely used repeat instruction that viewers honour is carried in the file. That is why a GIF loops almost anywhere and an MP4 loops only where the player is told to.
Why a video often beats a GIF
GIF was designed in the late 1980s, and each frame is limited to a palette of at most 256 colours, which bands gradients and skin tones. It also compresses motion poorly. Google's web.dev guide on replacing animated GIFs with video shows a 3.7 MB GIF becoming a 551 KB MP4 and a 341 KB WebM, and recommends a video element with autoplay, loop, muted and playsinline to get GIF-like behaviour. Browsers generally only allow autoplay when the video is muted, which is why looping hero videos are silent. For email, where video support is patchy, a GIF is still the practical choice.
Boomerang, Bounce and other variations
A clip that plays forwards and then backwards loops naturally, because the last frame is the first frame reversed. Instagram popularised this style under the name Boomerang, and Apple's Photos app offers the same idea as the Bounce effect for Live Photos, next to a Loop effect that repeats the action continuously. These work well for small, self contained motions: a glass clinking, hair flicking, a door swinging. They look odd with anything that has an obvious direction, such as walking or pouring, because the reverse half is plainly unnatural.
Cutting a seamless loop
The goal is that nobody can see where the clip restarts. Start and end on the same composition, ideally a still moment such as a steady flame or an empty frame. Avoid camera moves that finish somewhere different from where they began. Keep any text on screen for the whole duration, or have it enter and leave within the clip, so it does not pop at the join. Match audio too: music with a clean bar at each end loops cleanly, while a voiceover almost never does. Short loops of five to fifteen seconds hide the join better than long ones, because viewers rarely notice repetition in what feels like ambient motion.
Common mistakes
Putting an important message only at the end of a looping clip means most viewers see it partway and miss the beginning, so the clip should make sense from any point. Leaving sound on in a loop, especially in a shop or on a web page, grates quickly. Using a heavy GIF on a website slows the page and hurts load times. Another error is looping a clip that contains a call to action with a date; once the date passes, it repeats an expired offer indefinitely on a screen nobody is checking.
Where it shows up in the product
The video generator has no loop setting in its export. It produces a single MP4 that plays once, at 30 frames per second, in landscape or vertical. Looping is set wherever the file plays: the loop attribute on a web page, the repeat option on a signage player, or the platform's own player. The share link is a live player page rather than a file, so for a website loop export the MP4 and host it. To make the join invisible, end on a scene that mirrors the opening one, leave that closing scene without narration, and trim the last scene on the timeline so the motion settles before the restart.
Questions people ask
How do I make a video loop on my website?
Add the loop attribute to the HTML video element, along with muted and playsinline if it should autoplay, because browsers block autoplay with sound and iPhones otherwise open the video full screen. Most website builders expose the same options as checkboxes in their video block. Provide an MP4 at a sensible file size and a poster image so the page looks right before playback starts.
Can I make an MP4 loop forever inside the file?
Not in a way players reliably respect. Looping is a playback instruction, so the dependable approach is to set it in the player. If you need a file that repeats wherever it is opened, the options are a GIF, which carries a repeat setting, or a much longer MP4 made by joining the clip to itself many times, which wastes storage.
How long should a looping video be?
For a website background, five to fifteen seconds keeps the file small and the motion calm enough not to distract from the text over it. For signage, longer loops of thirty to sixty seconds avoid obvious repetition for people waiting nearby. For social feeds, length depends on the platform and message, but a loop that pays off in the first few seconds suits replay.
Does looping count as extra views?
It depends on the platform's own view definition, and platforms change these rules over time. Some count a replay as another view or add the watch time, which is one reason creators favour short clips that loop cleanly. Check the current help pages for the platform you post to rather than relying on older advice about how replays are counted.
Should a looping hero video have text in it?
Usually not. Text baked into a background loop competes with the page's own headline, cannot be translated or updated, and is unreadable for part of every cycle. Keep the loop as pure motion and put the words in the page itself, where they stay sharp at any screen size and remain readable by screen readers and search engines.
Is a cinemagraph the same as a looping video?
A cinemagraph is a special kind of loop in which most of the frame is frozen and one small element moves, such as steam rising from a cup. It is usually made by masking a still over a short video. It loops more convincingly than ordinary footage because only the moving part has to join smoothly at the restart.
Make one with videos
The button opens the generator with this use case already described. Change the wording to match your own.
Create a video with OneCraftRelated questions
- What is a slideshow video?What is a slideshow video: still photos turned into a video with motion, captions and sound. Slideshow vs montage vs promo, and how to pick and pace the photos.
- What is a bumper ad?What is a bumper ad: a non skippable YouTube video ad of 6 seconds or less, bought on impressions. How it compares with skippable and in-feed formats.
- What is a teaser video?What is a teaser video: a short clip that builds interest before a launch without showing everything. How teasers differ from trailers and launch videos.
Step by step in the builder: Make a promo video with AI voiceover.
Written and checked by the OneCraft team. Last checked .