Player Control Bar

The Blue Billywig player is completely customizable, with the ability to enable or disable specific control bar features.

This article will go over all the settings presented in the Playouts > Appearance menu. To get started:

• Go to the Media Library
• Click “Playouts” in the left sidebar
• Select an existing playout (e.g. the “default” playout) or create a new one.

• Head over to the “Control bar” tab.

1.0 | Control Bar

Visibility
Change the visibility of the control bar by selecting one of the options in the dropdown menu:

• • Autohide (show on pause) – default
    Use this setting to automatically hide the control bar when a video starts playing. The control bar will appear when a viewer moves the cursor over the player and it will remain visible when the video is paused.
  • Always auto hide
    The control bar will only be visible when a viewer moves the cursor over the player.
  • Show
    The control bar is always in view.
  • Hide
    The control bar is never in view.

Visibility Start Screen
Change the visibility of the control bar as displayed during the start state/screen of the player (before the play button is clicked):

• • Auto hide
    The control bar will only be visible when a viewer moves the cursor over the player.
  • Show
    The control bar is always in view.
  • Hide
    The control bar is never in view.

Control bar placement
Change the way the control bar is placed in the player (this setting does not affect the control bar during commercials or on touch devices):

• • Always mounted
  • Always floating
  • Automatically decide – default
    The player automatically decides to apply a floating or mounted control bar.

Sticky progress bar
Make the progress bar stick to the bottom of the player when the control bar is hidden. This setting can be useful for (interactive) videos to give an indication of the progress without the entire control bar.

2.0 | Time

Formatting
There are four options to display the progress and/or remaining time of the video in the control bar:

• • Hide – default
  • Show remaining time
  • Show progress time
  • Show progress time and total time

Progress bar
The progress bar is displayed by default:

Disable frame preview
By default a frame preview will be shown when moving the mouse over the progress bar:

3.0 | Volume

Customize the display of the volume control by selecting “hide”, “mute only” or “horizontal slider” to enable/disable the viewer to control audio behaviour of the player.

Hide

Mute only

Horizontal slider

4.0 | Buttons

4.1 | Standard Player Buttons

Select which standard buttons to display in your player

Subtitle Toggle Button
Use the “CC” toggle icon to turn subtitles on or off when subtitles are added to the video (learn more how to add subtitles or how to increase your video’s accessibility.). Use the “gear” icon to select other subtitle languages (if available).

Fullscreen Button
Displays a button which will attempt to go fullscreen when pressed. If fullscreen is not supported by the browser it will fill up the browser space (full browser).

Cast button
Show/hide the cast button (AirPlay/ChromeCast) if supported.

4.2 | Player Menu Options

The following options are available in player menu (“gear icon”). These options cannot be disabled and will therefore be visible if applicable:

Playback quality selector
Use the “gear” icon to select a different playback quality (learn more about assets).

Audio track selector
Use the “gear” icon to select other audio tracks (if available). Multiple audio tracks are often uploaded to comply to the Web Content Accessibility Guidelines (WCAG). Learn more about increasing your content’s accessibility)

Playback speed selector
When speed control is available, this will allow the user to set the playback speed.