Wix Editor: Using Video Backgrounds on Your Mobile Site

2 min read
Make your mobile-friendly site lively and dynamic with a video background. Add a video background to your pages and enable video background for various elements like Strips, Columns, Lightboxes and more. 
Your mobile background can be different to your desktop background. Changing one of them does not affect the other.

Learn how to:

Adding Video Background to a Page

Add a video to the background of your mobile pages. You can use professional videos made by Wix for free, purchase a video from Shutterstock or upload a video of your own. 

To add a video background to a page on mobile:

  1. Click the relevant page in your mobile Editor.
  2. Click Background on the left of the mobile Editor.
  3. Click Video.
  4. Select a video in the Media Manager.
  5. Click Change Background.
  6. (Optional) Click Apply to Other Pages at the bottom to add this background to other pages of your mobile site.

Enabling Video Backgrounds on Elements

By default, video backgrounds on elements do not play on mobile devices. However, if you add a video background to the following elements on desktop, you can change the setting to allow it to play on mobile as well:
  • Strips
  • Columns
  • Hover Boxes
  • Lightboxes
  • Slideshows

To allow videos backgrounds to play on mobile:

  1. Access the mobile Editor.
  2. Click the relevant element (one from the list above).
  3. Click the Background icon .
  4. Click the Play video on mobile toggle:
    • Enabled: The video background of the element plays automatically on mobile devices.
    • Disabled: When disabled, the first frame of the video is displayed.
  5. (Optional) Add spacing to the top or bottom of your background. Drag the slider to set the spacing in pixels.  
If Data Saver is enabled in your Chrome settings on your mobile device, or if low-power mode is enabled on your iOS device, the system / browser prevents videos from playing automatically.

Did this help?