Customize the Screencast-O-Matic video player

Brand and customize the video player

With a Solo Max or Team Plan, you can easily customize the video player to match your personality, brand, or campaign.
Please note that if you are a member of a Team Plan, your Account Owner or Administrator might choose to limit branding controls for team members and configure them at an administrative level instead. If you are unable to turn on Player Branding, contact your Team Admin for assistance.

Change the color of the video player

1. Log into your ScreenPal account and click Library in the menu on the left.
2. To view only uploaded videos, click the drop-down list in the top left corner and select Videos.




3. Hover over a video and click Manage.



This opens the Video Settings tab.

4. Click the Player Branding icon to open the Player Branding controls.



5. For Player Color, click the color dot to use the color selector to choose a color for the video player and play button. You can also enter a hex color code in the box.



The button and player control text will automatically change to white on darker backgrounds, and to black on lighter or brighter backgrounds to meet the requirements for contrast conformity. The current color contrast ratio is also displayed in a box to the right of the Player Color controls. When this box is green, it means you have selected a background color that meets the minimum color contrast ratio according to the Web Content Accessibility Guideline (WCAG) 2.1 standard.  To read more about the WCAG for contrast conformity, see this article.

6. To upload a logo or icon to display on your video, under Customize Video Branding, click Upload Logo.
7. Select a file from your device and click Open.

Result: The logo is displayed under Customize Video Branding.



You can upload more than one image or logo at once, but only the selected image (displayed with a green check mark in the upper right corner) will be displayed within the player.

8. Use the Position on Video control to select the position of the logo on the video.
9. Click Save to save your changes.


Player Customization

To customize the viewing experience for your audience, determine which player options and viewer actions are available.

1. Go to the Share Video tab.
2. Ensure that the Watch Pages option is selected.




3. In the Select Player Options area, select the checkbox next to an option to turn it on. Clear the corresponding checkbox to turn an option off.
  1. Video Title - Displays the title of the video on the player before a viewer clicks the play button.
  2. Captions - Select to display the captions for the video.
  3. Fullscreen - Automatically opens the video in full-screen mode.
  4. AutoPlay Video - Select this option to automatically begin playing your video when users visit the watch page. Please note that this feature may not be available in all browsers.
  5. Playback Speed - Enables users to speed up or slow down the playback speed of your video.  When this option is not selected, users will not be able to change the playback speed and can only watch your video at the default speed of 1x.
  6. Player Controls - Displays the control bar for a video, which allows your viewers to pause and adjust the volume, turn closed captions on and off, skip forward and backward, adjust the playback speed, and select the video quality. You may turn this option off if you do not want viewers to be able to skip ahead in your video, for example. When player controls are turned off, users will only be able to mute and unmute the video.
  7. Mute - Select this option to mute the video automatically. Selecting this option is helpful when you have AutoPlay Video selected.

4.  Next, select Manage Viewer Actions.


Select the actions that you will allow viewers to take. 
  1. Share on Social - Displays the Share option in the menu when users right-click your video. Clicking Share allows viewers to share your video via email, to Facebook and Twitter, and share to Google Classroom and Microsoft Teams.
  2. Copy URL - Displays the Copy Video Link and Copy Video URL at Current Time options in the right-click menu, enabling viewers to copy the URL for your video for sharing.
  3. Download Video - Displays the Download option in the right-click menu on your video, enabling your viewers to download your video to their computer.
  4. Embed Video - Displays the Copy Embed Code in the right-click menu on your video, enabling viewers to embed your video on their own website.
5. Click Save to save your changes.

    • Related Articles

    • Customize the size and shape of my video

      You can easily adjust and customize the size and shape of your video from the Video Editor. There are a number of ways to change the size of your video. You can change either the Canvas size, which is the size of your overall video, or you can change ...

    • Color Contrast for Player Accessibility

      Color Contrast: Web Content Accessibility Guidelines (WCAG) 2.1 define how to make content more accessible to people with disabilities. According to the WCAG, for contrast conformity at the mid-range level (AA), the visual presentation of text and ...

    • Video quality options

      When using ScreenPal, you can record and edit your videos at any resolution. Uploading to ScreenPal hosting: If you are using the free version of our app, or you have a Solo Deluxe or Solo Premier plan, you can publish and upload videos to ScreenPal ...

    • Video embeds do not autoplay in Google Chrome

      When you generate a video embed code for a ScreenPal video and select the Autoplay Video player option, you might find that the video does not automatically play when you access the video in your browser. Many web browsers have auto-play of sound ...

    • Select video quality from the video player

      As a viewer, you have the ability to select the quality of a video when you view it from the player. Available options are displayed in the Quality list when you click the Settings icon at the bottom of the player. Note: If the Quality menu is not ...