g
Printer Friendly Version

editor  
BellaOnline's Flash and Animation Editor
 

Wix Editor - Background Video

Video backgrounds are one of this years most popular trends in web design. If you are interested in adding a background video to your website, check out Wix.com. Wix has made adding video backgrounds as easy as a click or two. They also offer the most popular video background effects. However, the video background will not be displayed on mobile devices.

Besides using a video background that covers the entire page, you can also use a background video inside a strip. This is a great option if you wish to emphasize a section of the entire video.

Wix Tip 1 - When using a video background, keep your text content easy to find by using a contrasting text color.

Wix Tip 2 - Most background video does not include audio.

Wix Tip 3 - A background video works great with the parallax scroll.

As branding is very important to web design, especially for lifestyle based businesses and blogs, Wix offers several features to help brand your video background.

Pattern Overlay - There are several geometric line patterns which can overlay the background video. There is a white and black version for each pattern, which when applied will lighten or darken the video slightly.

Color Overlay - This option is very popular for branding. If you have a set color scheme for your business or blog, you can add a color tint to the background video. You can set the color and opacity for this effect.

Looping Video - As a looping video can become tiresome, you have the option to turn off the looping feature.

Playback Speed - Choose between .25x to 2.00x speed.

Upload Video Background

  1. Click the Background icon in the left side menu.

  2. Click the Video option.

  3. In the My Videos section of the Media Manager, click Upload Videos.

  4. Choose and upload your video to the Media Manager.

  5. Find your uploaded video and select it in the Media Manager.

  6. Click the Change Background button.

  7. The video will display as the background.

  8. You will probably want to remove or reduce the opacity of the white background color in the Page section of the webpage.

General Video File Requirements

Flash and Animation Site @ BellaOnline
View This Article in Regular Layout

Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.



| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2023 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor