Skip to content
BrandPage Journal

Use video on a link page without making it do all the work

Choose a useful video, provide accessible alternatives, and control loading so visitors can still understand and use the page quickly.

The useful takeaway

Make video an optional explanation with a useful poster and text summary, then measure the published page.

Video can show a process, demonstrate a product, or introduce a person more effectively than a still image. It can also add loading cost and distract from the action a visitor came to complete. The decision is not whether video is good or bad. It is whether this particular video answers a useful question and whether the page remains usable before, during, and without playback.

Choose a question the video answers

Give the video a specific job. A craft demonstration might show how an object works. A studio walkthrough might clarify the setting for an appointment. A short introduction might help a prospective client understand who will provide the service. Avoid adding a moving background merely because a template makes it available.

For a hypothetical bicycle-fitting service, a useful video could show what happens during an appointment. The booking button and essential details should still be understandable without watching it. If the video contains the only explanation of duration, location, or preparation, visitors who cannot or do not want to play it are left without a complete route. Put the key decision information in text as well.

Prefer a deliberate invitation to play

A recognizable poster image and a clear play control let the visitor choose whether to spend attention on the video. Label what they will learn rather than using a vague Watch this caption. If you display a duration, confirm it matches the current file. A useful title and brief summary can help visitors decide whether playback is relevant to their task.

Avoid competing media elements. Several embedded players can make a small page feel like a feed rather than a destination. Start with the one video that resolves the most important uncertainty and link to a broader library if needed. Keep the main action available nearby so a visitor who has seen enough can continue without searching through the rest of the page.

Control loading according to placement

For a custom implementation, web.dev's video-loading guidance discusses poster images, preload settings, and lazy loading. A non-autoplay video can use preload controls to limit early downloading. Videos below the initial viewport may be candidates for deferred loading, while important opening media requires different treatment. Browser support and the specific implementation matter, so inspect actual network behavior instead of assuming an attribute solves every case.

If you use a hosted builder, look for controls over autoplay, poster images, and loading behavior. Verify what the published page does. A player may load resources from another service even before playback begins. Compare a version with and without the embed using the same device and connection conditions. This is a practical diagnosis, not a promise that one provider or file format will always be faster.

Provide alternatives that preserve the information

Review speech, meaningful sound, and important visual information. W3C's media accessibility guidance explains the roles of captions, transcripts, descriptions, and accessible players. The appropriate alternatives depend on what the media communicates. Automatically generated captions should be checked, particularly for product names, locations, and instructions that could be misunderstood.

Do not treat a transcript as a decorative attachment. Place it where someone can find it and ensure it contains the information needed to understand the content. If the video changes, update its alternatives rather than leaving an outdated text version beside it.

  • Purpose: the video answers a specific question the visitor is likely to have.
  • Poster: the still image is clear, relevant, and not a misleading frame.
  • Controls: playback can be started, paused, and operated through appropriate input methods.
  • Text: essential offer details remain available outside the video.
  • Alternatives: captions and other necessary equivalents reflect the actual content.
  • Loading: the page remains useful while the video is unavailable or still loading.

Test the whole page after adding media

Open the public page on a phone, with a slower connection if you can simulate one, and inside the relevant app browser. Observe whether the main action appears promptly, whether the layout jumps, and whether playback or controls cover other content. Also try the page without playing the video at all. The visitor should still understand the offer and next step.

Record any performance measurements with the device, conditions, and date so later comparisons are meaningful. Do not interpret a single fast load on your own connection as universal evidence. If the video adds little explanatory value or makes the main journey harder, replace it with a still image and a link to watch elsewhere. The strongest use of video earns its space by helping people understand, while the rest of the page remains complete and dependable.

Sources & further reading

References for the principles and technical details in this guide.

Found something that needs correcting? Send us a correction.