Using the Wix Harmony Editor

Adding and customizing elements

Wix Harmony Editor: Adding and Customizing a Video Player

Videos bring your site’s story to life, capturing attention and building connections with visitors. Showcase a promotional clip, boost sales with a demo, or even highlight something inspiring from your socials.

With the video player, you can upload videos straight to your site or embed them from your favourite social platforms. Add a cover image, tweak playback settings like autoplay or looping, and choose if your visitors see a control bar.

Adding a player

Choose a player from the Add Elements panel and drag it onto your site. You can choose to upload a video file directly from your computer or add a social player and embed a URL from a social media platform.

To add a video:

Go to your editor.
Click + Add at the top left of the editor.
Select Elements.
Click the Video icon
on the left.
Choose to upload or embed a video:
- Upload: Upload a video from your computer.
  1. Click Upload Video.
  2. Click Upload from Computer.
  3. Select the video you want to upload.
  4. Click Add to Page.
- Embed: Add a social player from your platform of choice, e.g., Facebook, Vimeo, or TikTok.
  1. Drag and drop the relevant player onto your page.
  2. Click the Replace Video on the action bar.
  3. Enter the video's URL.

A screenshot of the Video category in the Add panel.

Customizing a player

Adjust how and when your video plays, add a personal touch with custom titles or cover images, and style the player so it it complements the rest of your site.

Note:

Available customization options vary depending on whether you upload or embed a video.

To customize a video player:

Go to your editor.
Click the video player element on the page.
Choose how to customize it:

Decide how your video plays

Click the Settings
icon on the action bar.
Customize the following:
- Uploaded video:
  - Show controls: A range of controls display on your player that visitors can use, e.g., Play / Pause, Mute / Unmute, Playback speed control, Full screen control and more.
  - Loop video: Your video plays again and again in a continuous loop.
  - Play automatically: Your video plays automatically once the site loads.
  - Mute on play: Your video plays no sound.
  - Show video title: Display your video's title.
  - Accessibility: Click the Accessibility dropdown and add a short description to make your video accessible for visitors using assistive technology.
- Embedded video:
  - Loop video: Your video plays again and again in a continuous loop.
  - Mute on play: Your video plays no sound.
  - Show controls: A range of controls display on your player that visitors can use, e.g., Play / Pause, Mute / Unmute, Playback speed control, Full screen control and more.
  - Play automatically: Your video plays automatically once the site loads.
  - Show title: Display your video's title.

Change the video

You can always replace the video with a different one, whether it's from your computer or from your social media (e.g., YouTube, Vimeo, Facebook, etc.)

Click the video element in the editor.
Click Replace video on the action bar.
Change your video:
- Uploaded video:
  1. Select a video from the Media Manager or upload a new one.
  2. Click Change.
- Embedded video:
  1. Enter your URL in the URL field.

Add a cover image

Click Cover image on the action bar.
Click the Add Image
icon.
Select an image from the Media Manager or upload a new one.
Click Update.

Design the player

Click the All design options icon
on the action bar.
Design the player:
- Borders
  : Define the borders of your video so it stands out, choosing a color, width and style.
- Corners
  : Make the corners of the video squarer or round by dragging the Radius slider. Click the Edit individual corners icon
  to design each corner separately.
- Shadow
  : Apply inner and outer shadow to give the video an interesting 3D effect, setting the position, blurriness, color and more.

Troubleshooting the player

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

Why is my video not playing on my live site?

Motion-based elements, such as transparent videos or animations, may not play on live sites due to the Reduced Motion feature on certain operating systems. This accessibility feature prevents motion effects from running to aid visitors with disabilities.

Check if Reduced Motion is enabled on your device or your visitors’ devices and learn how to disable it:

Note: On mobile devices, Reduced Motion may also activate automatically when in low battery or power-saving mode.

I have set my video to autoplay, but there's no sound. Why?

Most browsers, including Chrome, Firefox, and Safari, block autoplay videos with sound to enhance user experience. To ensure your video plays automatically:

Mute the sound on autoplay settings.
Let users manually enable sound from the video controls.

Browsers that don't support autoplay with sound:

Safari (macOS and iOS): Version 11 and later
Chrome: Version 61 and later (desktop and mobile)
Firefox: Version 66 and later (desktop and mobile)

FAQs

Click a question below to learn more about adding and customizing videos:

Which social media platforms can I embed videos from?

You can embed videos from Facebook, Instagram, TikTok, Vimeo and YouTube.

What are the recommended file formats and sizes for uploading and embedding videos?

Wix supports a wide range of video file formats and sizes. Learn more about supported formats and size.

When a video is set to autoplay, will sound still play?

Initially, when you set a video to autoplay, the video is automatically muted. A site visitor can unmute the video from the control bar.

Will video views on my site carry over to the video platform (e.g. YouTube)?

Yes. Views for embedded videos on your site carry over to the video's native platform.

Need A Professional Website?
Contact Us Today!

I'm a paragraph. I'm connected