Player Control Bar

The Blue Billywig video player is completely customisable, 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 new 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 mounted
      control bar mounted
    • Always floating
      control 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. This setting can be useful for (interactive) videos to give an indication of the progress without showing the entire control bar.sticky progress 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
      duration hide
    • Show remaining time
      duration remaining
    • Show progress time
      duration progress
    • Show progress time and total time
      duration 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

volume settings

You can customize the volume control by selecting “hide”, “mute only” or “horizontal slider” which enables the viewer to mute as well as altering the volume.

  • Hide
    volume hide
  • Mute only
    volume mute only
  • Horizontal slider
    volume horizontal slider

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

4.0 | Buttons

Select which options to display in your player

OVP Buttons

  • Subtitle select
    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
  • 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)

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

  • audio track selectorPlayback speed selector
    When speed control is available, this will allow the user to set the playback speed.
    playback speed selector
  • 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
  • Share button
    When enabling the share button, the following sharing options are selected by default (l
    earn more about sharing options):
    share button
  • Cast button
    Show/hide the cast button (AirPlay/ChromeCast) if supported.
    cast button

Was this article helpful?

Related Articles

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