Design your product video for sound off

Here’s a fact that should decide how you make the video at the top of your homepage: no major browser will play it with sound for someone visiting your site for the first time.

This isn’t a statistic about viewer habits. It’s a rule, written into the browsers. Since Chrome 66, in April 2018, Chrome has always allowed muted autoplay, but only allows autoplay with sound once a visitor has interacted with the site, or on desktop has a history of playing media with sound there. [1] Safari on iPhone started letting muted videos autoplay inline with iOS 10, and a video that gains sound without a tap gets paused. [2] Firefox began blocking audible autoplay by default with Firefox 66 in 2019. [3] MDN sums up where all three ended up: autoplay blocking applies to media with an audible track, and inaudible media aren’t affected. [4]

So the first impression your homepage video makes on a new visitor is silent. Unless someone has changed their browser settings, it can’t be anything else. Anything the video needs to say, it has to say without sound.

Feeds are mostly quiet too

Off your site it’s less absolute, but the direction is the same.

LinkedIn’s video ads autoplay in the feed with the sound muted by default, and LinkedIn’s own advice to advertisers is to “think like a silent film director.” [5] Meta’s current guidance for Instagram video ads says to design for sound off, because most people watch that way, and to use subtitles, on-screen text and strong visuals. [6] In a 2019 survey of 5,616 US consumers by Verizon Media and Publicis Media, 69% said they watch video without sound in public places, and 25% in private ones. [7]

To be fair to sound: the same Meta guidance says feed video ads perform better when people do watch with sound on, and TikTok describes itself as a sound-on platform. [6] [8] The conclusion isn’t that sound doesn’t matter. It’s that sound is something a viewer opts into, and your video has to earn that opt-in with the sound off.

What a silent-first film needs

Once you accept that the first viewing is silent, a lot of production decisions make themselves.

The words have to be on screen

In a narrated video the voice carries the argument and the pictures illustrate it. On mute, the pictures have to carry the argument, and the only words the viewer gets are the ones you put on screen. That means fewer words, larger, held long enough to read. A product video has room for about forty words in thirty seconds. (How many words fit in a 30-second video has the math.)

This is different from captions. Captions transcribe a voice, so they’re as long as the voice is. On-screen type in a silent-first film is the script itself, written to be read in a glance. If your video does have a voice-over, burn in captions. But if you’re designing for sound off from the start, you don’t need a voice to caption.

Rhythm has to replace the voice

Narration is a clock. It tells the viewer when something important is about to happen and how long to look at it. Take the voice away and you need another clock, or the video turns into a slideshow of screenshots drifting past at random intervals.

The clock we use is a beat grid. At 120 beats per minute, a beat is half a second and a bar of four beats is two seconds. Cuts land on bar lines. Lines of text and moving pieces of interface arrive on beats. The viewer never hears the grid, but they feel it: things happen when the eye expects them to, and a line stays up for a whole number of bars, which is usually just long enough to read it.

Every shot has to explain itself

With no narrator to say “now I’m opening the dashboard”, each shot has to make sense on its own. Show the product doing one thing, framed large enough to read on a phone. A full-screen capture of your app, shrunk into a homepage video, is a grey rectangle with a cursor on it. One card, one chart or one row, shown big, is a sentence the viewer can understand.

Nothing important can depend on sound

No voice saying “trusted by thousands of teams.” No sound effect that carries a punchline. If a claim matters, it’s on screen.

Then add sound back

Designing for sound off doesn’t mean shipping silence everywhere. It means sound is the second layer instead of the first.

The simplest version is a music bed locked to the same beat grid, so when someone does unmute, every cut lands on the music and the video feels finished instead of accompanied. That’s also the version you want for places where people expect sound, like Reels, TikTok or a launch post someone clicks into on purpose.

In practice that means two masters of the same edit:

1. A silent master for autoplay. For your homepage, export a file with no audio track at all. Browsers treat media without an audio track as inaudible, so autoplay isn’t blocked, and the file is smaller. (How to put a video on your homepage without slowing it down covers the rest of the setup.)

2. A master with the music bed for everywhere a viewer might choose to listen.

The test

Put your current product video on your phone. Mute it. Watch it once, all the way through, as if you’d never seen the product.

At the end, can you say what the product does? Could you have said it after ten seconds? Did you read every line, or did some disappear before you finished? If the answers are no, your video was made for an audience that has the sound on, and on your homepage that audience doesn’t exist.

Notes

1. Chrome for Developers, “Autoplay policy in Chrome”: “Muted autoplay is always allowed.” The policy launched in Chrome 66, which reached the stable channel on April 17, 2018. developer.chrome.com/blog/autoplay

2. WebKit, “New video Policies for iOS” (July 25, 2016): muted videos may autoplay without a user gesture, and a video that becomes unmuted without a gesture pauses. webkit.org/blog/6784

3. Mozilla Hacks, “Firefox 66 to block automatically playing audible video and audio” (February 4, 2019). hacks.mozilla.org

4. MDN, “Autoplay guide for media and Web Audio APIs.” developer.mozilla.org

5. LinkedIn Marketing Solutions, video ads: “LinkedIn Video Ads will autoplay in the feed with the sound muted by default.” business.linkedin.com The “silent film director” line is from LinkedIn’s marketing glossary entry on video ads. business.linkedin.com

6. Meta Business Help Center, “Best practices for Instagram video ads.” facebook.com/business/help/188534925073536

7. Verizon Media and Publicis Media, Relationship of Video, Sound and Captions Insights Study (April 2019). Sample size as reported by MarketingCharts. marketingcharts.com

8. TikTok for Business, “The ultimate guide to TikTok creative.” tiktok.com/business