Do make it seamless. You want your video to look like the seamless background that it is, not like an embedded video.
If you’re not a developer, save yourself a headache and use a plugin, theme, or website builder that supports video backgrounds. Check out this article for specific tips on usability.ĭon’t reinvent the wheel. Adding a video background can be as simple as uploading your video and clicking a button, or as complicated as writing lots of code, depending on your website. If your video has sound, make sure it’s muted by default.ĭo consider usability. Take a look at your website analytics - what browsers and devices do most of your visitors use? Your website video background is no good to you if most of your users can’t see it, so make sure to use file types that are widely supported. Autoplay videos with sound are a great way to make users close the window immediately. You can use an overlay to add color or lighten/darken your video to ensure readability, or you can make your content a contrasting color (or both, like ThemePunch did in the example above.) In general, stick with muted colors in your video that complement the rest of the color palette on your site.ĭon’t use a background video with sound. Just don’t. You still want your audience to read your copy, move through your site, and click on your calls to action.ĭo make sure your content is visible. Make sure you’ve got a lot of contrast between your video and the content on top of it. Video files can be quite large a short, looping video helps prevent the size of your background video from bogging down the loading time of your site.ĭon’t distract from what’s important. Your video background should complement the content on your website, not distract from it. For example, if you’re a plumber, don’t show footage of pipes, show someone enjoying a shower or kids happily playing under a garden sprinkler on a sunny day.ĭo limit the length of your video. Most of the videos above are quite short and loop seamlessly to give the impression of a longer video. That doesn’t mean you have to exclusively show your product, however, but think about the ideal outcome your product or service has.
We briefly discussed why the websites above work - here are a few more dos and don’ts for using a video background on any website.ĭon’t pick just any video. Just because it looks good doesn’t mean it’s right for your business. While they’re not ideal for explaining a complicated tool in detail, if you’ve got a highly visual product, a video background might be just the thing for your website.
0 kommentar(er)
