Wix Editor: Using Video Backgrounds on Your Mobile Site

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, Popups and more.

Tip:

Your mobile background can be different to your desktop background. Changing one of them does not affect the other.

---

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 Background

   

   on the left side of the mobile editor.

2. Click Video.

3. Select a video in the Media Manager.

4. Click Change Background.

5. (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, Popups, 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) Customize the background spacing using the available options.

Note:

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.

This article is credited to the Wix team - https://support.wix.com/ and we thank them for that!