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
  • Customizing a transparent video

Wix Harmony Editor: Adding and Customizing a Transparent Video

In this article
  • Adding a transparent video
  • Customizing a transparent video

Use transparent videos to add movement to your page in a way that feels like part of the design. The video background is transparent, so you can place it over sections, images, and other elements for a more layered look. Wix Harmony includes hundreds of free transparent videos in a range of styles and themes.


Adding a transparent video

Add a transparent video from the Wix Harmony's built-in library and place it anywhere on your page. This is a great way to bring more motion and personality to sections that you want to draw attention to.

To add a transparent video to your page:

  1. Go to your editor.

  2. Click + Add at the top left of the editor.

  3. Select Elements.

  4. Click the Video icon  on the left.

  5. Select the Transparent video tab.

  6. Drag the transparent video onto your page.


Customizing a transparent video

Once your transparent video is on the page, you can adjust how it looks and behaves to fit your design. Change the video, update the cover image, recolor it, and choose how it starts and ends for visitors.

To customize a transparent video:

  1. Go to your editor.

  2. Click the relevant transparent video.

  3. Use the available options on the action bar to customize the transparent video:

    • Replace Video: Choose another transparent video from the Media Manager, offered by Wix.

    • Change Cover: Change the cover image of this video. You can select one of the suggested frames for the video or choose your own image.

    • Recolor Video: Choose a different coloring style for the video (e.g. grayscale, dark wash, your own custom coloring, etc.)

    • Settings :

      • How does it start to play?: Decide if the video starts playing automatically or only when a visitor clicks or hovers over.

      • How does it end?: Decide if the video loops continuously, stops after it plays once, or replays when a visitor clicks on it.

      • Video: Choose another transparent video from the Media Manager, offered by Wix.

      • Video title: Display your video's title.

      • Accessibility: Click the Accessibility dropdown and add a short description to make your video accessible for visitors using assistive technology. Alternatively, you can set the transparent video as decorative if it does not include important information for visitors.

Helpmate

Hello

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