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.

create or select a playout

  • Head over to the “Control bar” tab.

1.0 | Control Bar

control bar settings

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 mountedcontrol bar mounted
    • Always floatingcontrol bar 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.

sticky progress bar

2.0 | Time

playout time display settings

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

    • Hide – defaultduration hide
    • Show remaining timeduration remaining
    • Show progress timeduration progress
    • Show progress time and total timeduration progress remaining

Progress bar
The progress bar is displayed by default:

display progress bar

 

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

Frame preview

3.0 | Volume

playout volume settings

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

volume hide

Mute only

volume mute only

Horizontal slider

volume horizontal slider

Note:

The volume control/mute button is not supported on iPad and most other mobile devices.

4.0 | Buttons

4.1 | Standard Player Buttons

Select which standard buttons to display in your player

playout buttons settings

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).

subtitle selection

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).

fullscreen button

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

cast button

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).

playback quality

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)

Note:

Adding multiple audio tracks is not enabled by default. Please contact support@bluebillywig.com to enable this feature.

audio track selector

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

playback speed selector

Was this article helpful?

Related Articles

Contact Support
Can't find the answer you're looking for?
Contact Support