Guide
Where should you put a product video on a landing page?
Put the video near the top of the page, under the headline and the main call to action, so a visitor sees it without scrolling far. Let it start on a click rather than with sound, show a clear first frame, load it after the text, and keep a text version of what it says nearby.
A product video on a landing page has one job: to make the visitor understand the product faster than the text alone. That only works if the video is where the visitor will see it, starts without getting in the way, and does not hold back the rest of the page. The advice below is our own guidance from building and reviewing these pages, not measured results. Test it on your own page before you rely on it.
Where should the video sit?
Put it close to the top, after a headline that says what the product does and the main call to action. A visitor who has to scroll past three paragraphs to find the video often leaves before they get there.
A common layout that works:
- A headline and one line that explain the product.
- The main button.
- The video, next to or just under those, with a clear first frame.
- The rest of the page: proof, features, price.
On a phone the video falls below the first screen, so check that the headline and the first line still say what the product is without it.
Should it autoplay?
Autoplay with sound is blocked by most browsers unless the visitor has interacted with the page, and many people find it intrusive. Use a play button for the film with sound.
A short, muted loop that shows the product can autoplay, if it is short, stops or pauses where someone can see it, and does not carry any information that only the sound gives. Our note on captions for muted product videos explains how to make a film work with the sound off.
How do you keep the page fast?
A large video can make a landing page feel slow, and people leave before the page finishes loading. Keep the video from getting in the way of the text:
- Load the text and buttons first, then the video.
- Show a still image as the first frame, so the page has something to show while the video loads.
- Keep the file small. The video file size estimator shows roughly how big a film will be at a given length and quality.
- Use the shape the placement needs. A 16:9 film fits a wide hero, and a 9:16 or 1:1 cut can suit a phone-first page. The aspect ratio guide explains which shape to use where.
What should you avoid?
A few habits make a landing page video less useful, even when the film itself is good:
- A video that opens on a logo animation or a blank frame. The first second should already show the product or the problem it solves.
- A film longer than the visitor's patience. If the key point comes at the end, move it to the start, or cut the film so the point lands in the first 30 seconds.
- A video as the only explanation. Keep a short written summary beside it, so people who cannot or will not play it still get the message.
- A player with no visible controls. Show play, pause and sound clearly, so a visitor can stop it or turn it on.
How do you test it?
Check the page on a phone and on a slow connection, not only on a desktop with fast internet. Then ask three things:
- Can I tell what the product does from the first few seconds, with the sound off?
- Can I find the button without scrolling past the video?
- Does the page still work if the video does not load?
If the answer to any of these is no, move the video, shorten it, or add a line of text above it.
Frequently asked questions
Should a landing page video autoplay?
Only muted, and only if the first few seconds make sense without sound. Autoplay with sound is blocked by most browsers and annoys people, so use a clear play button for sound. Autoplay muted can work for a short loop that shows the product, as long as it stops or pauses where a viewer can see it.
Will a video slow down my landing page?
It can, if the file is large or loads before the text. Load the video after the headline and the buttons, use a still image as the first frame, and keep the file as small as the picture allows. Our video file size estimator helps you see how big a film will be before you upload it.
Should the video be above or below the fold?
Above, if it is the fastest way to explain the product. Put the headline and a short line of text first, then the video just below or beside it. On a phone the video will be below the fold, so check that the words above it still say what the product is.
Keep reading
How to caption a product video for muted autoplay
Most feeds start videos muted. Burn short captions into the picture, keep a separate subtitle file, and check the film makes sense with the sound off.
Video aspect ratios for a product launch
You usually need 16:9, 9:16, 1:1 and 4:5. Here is where each fits, how to lay them out instead of cropping, and why to check platform specs before exporting.
Want a film like this made for you?
Send a ten-minute brief. We send a one-page storyboard first, then a private preview. You pay only once you are happy with it.
Get a free storyboard