header-logo
Getting started with WixBuild your website and business with Wix. Try using our AI tools to create your website, customize templates, or hire professionals to build or enhance your online presence.
Creating a websiteRead how to use the Wix Editor and manage content on your site. Discover how to protect your visitors' privacy and make your site accessible.
Account & billingReview your account settings, manage your subscriptions and plans and understand your invoices.
Using the Wix mobile appsUse our mobile apps to run your business efficiently on the go and set up a dedicated app for your site members to stay in touch.
Connecting a domainFollow our step-by step guides to learn how to purchase, connect or transfer a domain for your site, and find out how to keep your site’s data secure.
Managing your businessGet tools to grow your business and web presence. Find the right tools for your specific needs, set up online payments and keep track of your site's analytics.
Promoting your siteLearn to make your site more visible promoting it on search engines, sending emails and running paid ads. Improve your online presence with practical tips.
Studio, Partners & EnterpriseGet the most out of your Studio or Enterprise account with advanced features that'll help you work more efficiently.
Need more help?Find solutions for site performance and technical issues, learn about issues we’re working to fix or contact us for help.
placeholder-preview-image
Wix LearnImprove your skills with our courses and tutorials.
Wix BlogGet tips for web design, marketing and more.
SEO Learning HubLearn to increase organic site traffic from search engines.
Website developmentBuild a custom site using our full-stack platform.
Hire a ProfessionalGet matched with a specialist to help you reach your goals.
placeholder-preview-image
In this article
  • Adding a transparent video
  • Uploading your own transparent video
  • Changing the behavior of your transparent video
  • FAQs

Wix Editor: Adding and Setting Up a Transparent Video

In this article
  • Adding a transparent video
  • Uploading your own transparent video
  • Changing the behavior of your transparent video
  • FAQs
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.
gif of transparent video, displaying vibrant colors and graphic images.

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.
Gif of Coming Soon video on Wix site.
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.
screenshot of media panel in wix editor. upload your media button highlighted.

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.
screenshot of change behaviors panel selected in the wix editor. displaying options like what happens when it ends.

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

Helpmate

Hello

Need a bit more guidance?
Unlock personalized helpLog in to get the most out of Helpmate.