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
  • Customizing the Wix Video Player
  • Customizing the Single Video Player

Wix Editor: Customizing Video Players on Mobile

In this article
  • Customizing the Wix Video Player
  • Customizing the Single Video Player
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.
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:

  1. Click the video player in your mobile editor.
  2. Click Settings.
  3. Click the tabs to customize the following aspects of your player:
    • Layout: Choose from two available layout options: Compact and Vertical.
    • Design: Customize the design of your player's menu and action buttons. 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.
Note:
Currently, it is not possible to remove or change the color of the black bars above and below the video player. It is also not possible to resize 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:

  1. Click the video player in your mobile editor.
  2. Customize the following aspects of your player:
    • Settings: 
      1. Click the Settings icon .
      2. Customize your playback options:
        • Autoplays: Enable the toggle to make your video start 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: Enable the toggle to make your video play constantly on repeat.
    • Layout: 
      1. Click the Layout icon
      2. Customize the following:
        • Show video title: Enable the toggle to display your video's title.
        • Play button size: Drag the slider to increase or decrease the play button's size.
screenshot of video settings for single video player.

Helpmate

Hello

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