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.

· Co-founder

5 min read · Published

Looping video, GIF and Boomerang style clips compared
Looping video (MP4 or WebM)Animated GIFBoomerang or Bounce style
What it isA normal video file played on repeatAn image format that stores frames and a repeat instructionA short burst played forwards then backwards
Where the loop is setBy the player, for example the HTML loop attributeInside the file, then honoured by the viewerBy the app that makes it, then usually exported as video
ColourFull colourA palette of up to 256 colours per frameFull colour
File sizeSmall for its qualityOften many times larger than the same clip as MP4Small
SoundCan carry audio, usually muted for autoplayNoneUsually none
Best forWebsite heroes, signage, product close upsSimple animations in email and chatPlayful 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 OneCraft

Related questions

Step by step in the builder: Make a promo video with AI voiceover.

Sources

Written and checked by the OneCraft team. Last checked .