Skip to main content

Customising your Player

The Viostream Player contains several features that can be toggled on, as well as the ability to apply custom branding and styles. To create a custom Player:

  1. From the  Settings page, click the Embed Players link in the menu.
  2. Click the New Player button.

The Player Editor​

The Player Editor allows you to customise the appearance and features of your Player, and provides a preview for both desktop and mobile devices.

Branding & Styles​

Align your Player with your brand identity by customising the following settings:

Custom Player Colours​

By default, the Viostream Player uses a minimalistic black and white color scheme. You can apply your own colour scheme by changing the control bar, the icons, and the colour the icons change to when hovered over.

tip

Ensure that you choose colours that have an adequate contrast so that your viewers can easily see the player controls. You can use an online tool such as WebAIM's Contrast Checker to check the contrast of your chosen colours against the WCAG guidelines.

Choose Chapter Style​

Viostream supports a variety of chapter display styles for script embeds. The default progress bar style is displayed inline in the player, and is suitable for iframe embeds, whereas the dropdown and horizontal tab styles are displayed below the player and should not be used for iframe embeds.

Progress Bar Example​
Horizontal Tab Example​

Features​

Apply tweaks to the behaviour of your Player by toggling the following features. All features are turned off by default.

Show Title​

When your video is paused, the title will be displayed in the top left corner of the player.

Show Playback Speed Selector​

Allow your viewers to select a playback speed when watching your videos - options include 0.5x, 1x, 1.5x, and 2x.

Show Playback Quality Selector​

Allow viewers to select from different qualities of video resolution.

tip

The Viostream player by default selects the most appropriate resolution for the viewer's network speed and device, and will adapt to changes in network speed to ensure smooth playback.

Allow Transcript Downloads​

If you have added a transcript to your video, it can be downloaded via a button in the player.

Allow Social Sharing​

Display a social sharing menu in the player that contains share links for Facebook, LinkedIn and X.