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 video
  • Customizing a single video player
  • Customizing a VideoBox
  • Troubleshooting video elements

Studio Editor: Adding and Customizing Videos

In this article
  • Adding a video
  • Customizing a single video player
  • Customizing a VideoBox
  • Troubleshooting video elements
Videos bring your client's brand story to life, capturing attention and creating a meaningful connection with site visitors. The Studio Editor allows you to seamlessly showcase videos, embed content from social platforms, and enhance your design with unique video elements. 

Choose from single video players or customizable VideoBoxes, and refine every detail, from playback settings to creative design touches, to create an engaging visual experience.

Adding a video

Select the video element that best fits your design and goals. Use a single video player for straightforward playback, or opt for a VideoBox for more advanced customization. You can also enhance the site’s design with transparent background videos, crafted by Wix, for a unique decorative touch.

To add a new video:

  1. Click Add Elements on the left side of the editor.
  2. Click Media.
  3. Select a video type under Video:
    • Single Video Players: Upload your own video or embed one from a social network. 
    • VideoBox: Showcase your own videos, free Wix videos, or professional Shutterstock videos in beautifully designed video containers. 
    • Transparent Video: Add or upload your own videos with transparent backgrounds. 
  4. Drag a video to the desired location on the page.
A screenshot of the Add Elements panel, showing the different video elements you can add

Customizing a single video player

Fine-tune the single video player to seamlessly fit within your site’s design. Personalize everything from the video’s playback behavior to its controls and layout, ensuring it delivers a polished and engaging experience for every site visitor.

To customize a single video player:

  1. Select the video player.
  2. Choose how to customize it:
A screenshot of a single video player with its Settings panel, and the Inspector panel, open

Customizing a VideoBox

VideoBoxes give you the creative freedom to integrate videos as design elements. Customize playback settings, experiment with unique shapes, and refine every detail—from the cover image to borders—for a truly personalized and visually striking result.

To customize a VideoBox:

  1. Select the VideoBox.
  2. Choose how to customize it:
Need to switch the video?
Click Change Video to access the Media Manager and select a different file. 
A screenshot of a VideoBox with the Inspector panel and the Behaviors panel open
Accessibility tip:
Visitors can pause the VideoBox at any time by hovering over it to reveal the pause button. 

Troubleshooting video elements

Even the best designs may encounter small snags. Here are some typical issues you may face with videos and how to resolve them effectively.

Helpmate

Hello

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