Wix Editor: Customizing the Design of Your Transparent Videos

After you've added a transparent video to your site, customize its design to rhyme it in with your site's color palette and visual story. Change the video's colors, enlarge or shrink the video, decide how and when the video plays and stops, and even customize the play button if you choose to display one.

---

Customizing your video's design

Pick a cover image for your video which visitors see before the video starts to play. You can choose to add a fade-out effect that applies when the video finishes playing. Flip and rotate videos and place them anywhere you want to fit the design of your site.

Click an option below to learn more:

Change my video's cover image

Viewers see your cover image before the video starts playing. Choose from a preset cover image or add your own.

To change your video's cover image:

1. Click the transparent video in your editor.

2. Click the Design icon

   

   .

3. Click the Cover Image icon

   

   .

4. Select one of the preset cover images or add your own by clicking the Add icon

   

   .

5. Click the Fade out toggle to enable the fade-out effect.

   

Flip, duplicate and rotate videos

To rotate a video click and drag the Rotate icon

at the top-left of the video. To flip the video, right-click the video and click Flip Horizontal / Flip Vertical.

Tip:

You can also flip your VideoBox both horizontally and vertically using right-click.

---

Customizing your video's colors

Personalize your transparent videos with unlimited custom coloring options. Choose from preset color templates or create a custom template specific to your needs.

To customize your video's colors:

1. Click the transparent video in your editor.

2. Click the Design icon

   

   .

3. Click the Color icon

   

   .

4. Click to enable the Recolor video toggle.

5. Select a color preset, or click the Customize icon on the custom preset and change the colors.

---

Customizing the play button

If you set your video to play on click, then a play button is displayed on the video. You can choose the play button you like best from the preset designs, and change the color to suit your transparent video's theme.

To customize the play button:

1. Click the Big Play Button on your video.

2. Click Change Big Play Button.

3. Select a design.

4. Click Customize Design to change the color and opacity:

   • Click the color box(es) to select the colors of your button.

   • Drag the slider to increase or decrease the play button opacity.

Tip:

If you don't want to display a play button on your video, set the opacity to 0.

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