Wix Editor: Customizing Video Players on Mobile

3 min read

Personalize the look and functionality of the videos on your mobile site. Optimize your video player's settings, design, and layout to best suit your needs.

In this article, learn more about:

Screenshot of video player on mobile site.

Customizing the Wix Video Player

You can customize your Video Player's mobile view to look different from the desktop view. Choose a layout that's right for you and customize the design settings to make sure your Video Player looks great from any device.

To customize the Wix Video Player:

Click the video player in your mobile editor.
Click Settings.
Customize the following aspects of your player:
- Layout: Choose from two available layout options: Compact and Vertical.
  1. Click Settings.
  2. Select a new layout on the Layout tab.
- Design: Customize the design of your player's menu and action buttons.
  1. Click Settings and then click the Design tab.
  2. Click the color boxes to change the colors of the following:
    - Background color: The menu background.
    - Text color: The text on the menu.
    - Button color: The button background. Tip: Make sure your background and button colors are different so that your text remains visible.
    - Text color: The color of the text on the button.

screenshot of settings panel for wix video player.

Notes:

Currently, it's not possible to remove or change the color of the black bars on the video player.
Currently, it's not possible to adjust the size of the player.

Customizing the Single Video Player

Customize how your Single Video Player looks on your mobile site. You can change your video's playback settings, adjust its layout and add an animation in the mobile editor.

To customize the Single Video Player:

Click the video player in your mobile editor.
Click the Settings icon and customize your playback options:
- Autoplays: Click the toggle to enable autoplay. Your video starts playing when the page loads.
  Note: Due to browser restrictions, videos play on mute when set to autoplay. However, your viewers can turn the sound on whenever they want.
- Plays in a loop: Click the toggle to enable video looping, meaning your video plays constantly on repeat.
Click the Layout icon and customize the following:
- Show video title: Click the toggle to display your video's title.
- Play button size: Drag the slider to increase or decrease the play button's size.
Click the Animation icon to add an animation to your player. Then click Customize to adjust the animation settings.