Brightcove Player v7.48.0-release

Brightcove Player 7.48.0 has been promoted to the current stable release.

All unlocked players have been updated and published. Newly created players will now default to this version.

Features

• [Prism UI] New Prism UI skin for the Brightcove Player, available now as an opt-in alternative to the default skin.

Prism UI

Prism UI is a redesigned skin for the Brightcove Player, featuring a refreshed control bar, an updated big play button, on-player title and description display, and a prismized settings experience. It is fully opt-in: players that do not enable it are unaffected and continue to use the existing skin.

Accessibility has been a central part of the design. Prism UI is built for full keyboard operation, screen reader support, and clearly visible focus indication (with a configurable focus outline color, see below), and in a number of areas improves on the accessibility of the existing skin.

Prism UI can be enabled and styled from the Styling section of the Players module in Studio. See the dedicated documentation for details. It can also be configured directly in the player configuration JSON, as described below.

Enabling Prism UI

Set enabled to true under the top-level prismUi key in the player configuration:

{
  "prismUi": {
    "enabled": true
  }
}

The skin loads only when enabled is exactly true. All other Prism UI options only take effect when the skin is enabled.

Player elements

The playerElements options control which pieces of the player chrome are shown, separately for the pre-play state (before playback starts) and the playing state. All of these default to true.

{
  "prismUi": {
    "enabled": true,
    "playerElements": {
      "border": true,
      "prePlay": {
        "showTitle": true,
        "showDescription": true,
        "showBrightcoveLogo": true
      },
      "playing": {
        "showTitle": true,
        "showDescription": true,
        "showBrightcoveLogo": true
      }
    }
  }
}

• border — shows a border frame around the player. Set to false for a frameless look.
• prePlay.showTitle / prePlay.showDescription — show the video's title and description before playback starts. If both are false, the pre-play title area is removed entirely.
• prePlay.showBrightcoveLogo — shows the Brightcove logo before playback starts.
• playing.showTitle / playing.showDescription — show the video's title and description during playback. If both are false, the playing title area is removed entirely.
• playing.showBrightcoveLogo — shows the Brightcove logo during playback.

Theme colors

The theme options override the skin's default colors. Each accepts any CSS color value (for example "#ffd453" or "rgba(9, 9, 8, 0.7)"). Options left unset fall back to the skin's built-in defaults.

{
  "prismUi": {
    "enabled": true,
    "theme": {
      "general": {
        "background": "rgba(9, 9, 8, 0.7)",
        "focusOutline": "#ffd453"
      },
      "controls": {
        "icons": "#faf9f5"
      }
    }
  }
}