Wix Editor: Customizing the Design of Your VideoBox

4 min read
Make your VideoBox entirely your own by tweaking its design. Choose a cover image, add a border, apply a graphic pattern overlay, add shadows and more. You can even maximize your VideoBox's impact by adding one of our unique video masks. 
Additionally, 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 want from the preset designs and change its color.
Want additional videos on your site?
In this article, learn how to:

Customizing your VideoBox design

Enjoy the creative freedom of customizing design aspects of your VideoBox like choosing a cover image, adding dynamic pattern overlays, framing your VideoBox with borders / shadows and more.

To customize the design of your VideoBox:

  1. Click the VideoBox on your site.
  2. Click the Design icon .
  3. Customize the design of your VideoBox using the options available.

Designing your play button

When you set your video to play when clicked, a play button is displayed. You can customize this button by choosing from a wide range of preset play button designs and tweaking its color(s) and transparency.

To design your play button:

  1. Click the play button on your VideoBox.
  2. Click Change Big Play Button.
  3. Select a button design.
  4. Click Customize Design.
  5.  Customize your play button:
    • Click the color box(es) to select the colors of your button.
    • Drag the slider to increase or decrease the play button opacity.

Applying a video mask

Present your video as uniquely as possible by playing it in any shape you can imagine. Apply a mask to your VideoBox so that it plays through a striking frame. Choose from a huge range of frame shapes and adjust the look to fit your needs. 

To add a video mask:

  1. Click the VideoBox in the Editor.
  2. Click the Mask icon .
  3. Add a mask by doing one of the following: 
    • Select a preset: Choose one of the preset shapes. 
    • Use a Wix vector art: Click Add + to select from any of the hundreds of shapes in the Wix Vector Art library.
    • Add your own vector art: Click Add + and click Upload Media to upload your own vector art.
  4. (Optional) Adjust the look of your VideoBox mask by doing one of the following:
    • Resize the image: Drag the corners or sides of the image to adjust the size.
    • Flip the VideoBox: Right-click the VideoBox to Flip Horizontal or Flip Vertical.
    • Rotate the VideoBox: Click and hold the Rotate  icon on the top left.
VideoBox videos do not play on your mobile-friendly site. Your cover image as well as any design changes (pattern overlay, contour, border and shadow) you made to your VideoBox are displayed instead of the video.

Did this help?