Editor X: Adding and Customizing Videos on Your Site
8 min read
Editor X is transitioning to Wix Studio, our new platform for agencies and freelancers.Learn more about Wix Studio
Videos are a great way to engage your visitors and tell your brand's story. Editor X makes it easy to showcase your content, embed from social media and add stunning video-based design elements.
In this article, learn how to:
Adding a video
There's several types of videos you can add to your site:
- Single videos: 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.
To add a new video:
- Click Add
on the top of Editor X.
- Click Media.
- Select a video type under Video (e.g., Single videos, VideoBox, etc.)
- Drag a video to the desired location on your site.
- (Optional) Click Change Video to upload your own, add a free Wix video or purchase a professional video.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/06/22/3d5d4017-d12f-440b-b4ff-974bd22e69e1/afad8dc7-ff54-4f45-bfc8-22677b53b945.gif)
Customizing a Single Video Player
Customize the Single Video Player's layout, design and behavior to your specific needs. You can choose whether your video starts playing automatically and / or in a loop, decide which controls to show and design them as well.
Click below to learn how to customize your Single Video Player:
Change the video
Decide how your video plays
Adjust the video player's layout
Design the video player
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/05/30/53addf6b-a31a-42f8-89ad-48ff4b34bfda/56709507-6563-42df-a874-b15de32094ce.png)
Customizing a VideoBox
When using VideoBoxes to display media, you get a lot of creative liberty to make them part of the design. Set the video to play exactly how it should, choose its focal point and design every detail - from the cover image to the Play button.
Click below to learn how to customize your VideoBox:
Set your VideoBox behaviors
Choose the focal point
Design the VideoBox
Add a video mask
Change the Play button
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/05/30/664b2ac0-e5e6-4853-879c-7188ea922af8/ab94cabf-5df2-4bf1-889b-546ebdc8f31c.png)
Stretching a video
Add any video and stretch it to fill a page section, container or grid cell.
To stretch a video:
- Click the video on your page.
- Click the Stretch icon
on the top right of the video to fill the whole space.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2022/05/30/a1ae451c-f53b-43cd-ae41-f5f2b1c89387/5fc2808d-5878-4861-9c75-4beba04b4a01.png)
FAQ
Having issues with your video? Click a question below to learn more:
Why is my video not playing on my live site?
I have set my video to autoplay, but there's no sound. Why?
Did this help?
|