header-logo
Learn how to use Wix to build your site and business.
Design and manage your site using intuitive Wix features.
Manage subscriptions, plans and invoices.
Run your business and connect with members.
Learn to purchase, connect or transfer a domain to your site.
Get tools to grow your business and web presence.
Boost your visibility with SEO and marketing tools.
Get advanced features to help you work more efficiently.
Find solutions, learn about known issues or contact us.
placeholder-preview-image
Improve your skills with our courses and tutorials.
Get tips for web design, marketing and more.
Learn to increase organic site traffic from search engines.
Build a custom site using our full-stack platform.
Get matched with a specialist to help you reach your goals.
placeholder-preview-image

Wix Editor: Using Video Backgrounds on Your Mobile Site

2 min
In this article
  • Adding video background to a page
  • Enabling video backgrounds on elements
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.
A GIF of a video background on a page in the mobile editor.

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.
A screenshot of the play video on mobile toggle in the mobile editor.
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.
A GIF of a video background on a page in the mobile editor.
A screenshot of the play video on mobile toggle in the mobile editor.