Wix Editor: Adding and Setting Up a Transparent Video

Set your website apart and wow your visitors by adding or uploading your own videos with transparent backgrounds, and placing them anywhere on your site.

Transparent videos let you create beautiful, dynamic effects that make a huge impact on your site. The video background is invisible, allowing you to stack videos and create amazing visuals that jump right off the page. Customize the design, behavior, and colors of your video to suit your needs.

---

Adding a transparent video

We have a huge range of eye-catching transparent videos ready for you to add to your site. You can add a video from the Decorative and Video & Music panels in the editor. Choose a video from the Wix libraries or even upload one of your own.

To add a transparent video:

1. Go to your editor.

2. Click Add Elements

   

   on the left side of the editor.

3. Click Decorative or Video & Music.

4. Click Transparent Video (scroll down and click More Transparent Videos to see the full menu).

5. Click or drag a video onto your website and position it wherever you like.

Tip:

Click Preview on the top of your editor to see your video in action.

Note for mobile-friendly sites:

Transparent videos cannot be resized lower than 240P.

---

Uploading your own transparent video

Upload your own transparent videos to your site. Videos created with an alpha channel automatically play with a transparent background on any browser or device - no need to do anything else.

To upload a transparent video:

1. Click Media

   

   on the left side of the editor.

2. Click the Upload Media

   

   icon.

3. Click Upload from Computer (or choose another location on the left to upload from).

4. Select the video you want to upload.

5. Click Add to Page.

---

Changing the behavior of your transparent video

Choose how videos play, pause or loop - automatically, with a click or when a visitor hovers over it. These settings can influence visitor engagement and interaction on your site.

To change the behavior of your transparent video

1. Click the transparent video in your editor.

2. Click the Behaviors icon

   

   .

3. Customize the play, paused and loop settings.

4. Click the play in slo-mo toggle to enable your video to play in slow motion.

   Note: This option is not available if your video wasn't captured in slow motion.

---

FAQs

Why is my transparent video not playing on my live site?

You or your visitors may notice that elements that contain motion (such as animation effects and transparent videos) do not play on your Wix live site - on both mobile and desktop.

This is because some operating systems contain a Reduced Motion feature, which disables animations and videos from playing in the browser.

Reduced Motion is an accessibility feature, which means its primary use is to allow visitors with disabilities or impairments to visit your site.

Click the relevant device from the list below to learn how to disable Reduced Motion.

• iPhone and iPad

• Mac OS

• Windows OS

• Android

Note: Reduced Motion is also automatically enabled for some mobile devices in low battery / power saving mode.

What types of transparent videos can I add to my site?

You can either upload transparent videos offered by media stock sites, or create your own using video editing tools (such as Adobe AE, Premier and more). Here is a list of supported file types.

Can I customize the design of my transparent video?

Absolutely. You can video's colors, enlarge or shrink the video, and much more.

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