Wix Editor: Customizing the Design of Your Transparent Videos

4 min read
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.
Gif of transparent video advert for a floral boutique. The gif shows two vases of flowers and a colorful bird.
In this article, learn more about:

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.
Gif of mouse selecting and navigating through video design and setting options.
Click an option below to learn more:
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.
Gif of recolor video toggle being enabled with custom design options being edited.

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.
screenshot of doughnut as video with play button in center. change play button selected, with button options displayed.

Did this help?

|