Player Templates

When you create a player, you choose one of the available player templates. Brightcove Pro and Enterprise publishers can also create custom player templates, using the Brightcove Experience Markup Language (BEML). The player template determines the basic appearance and features of a player. When choosing a template, consider the following:

The features you want from your player
Players differ in how they allow you to assign content. For example:

• All player templates allow you to assign content using the Player APIs or by editing configuration parameters in the player's publishing code.
• Some players provide additional features, like navigation, image panes, or branding elements.
• the Video Player template accepts only a single video; you can assign content to it using Quick Video Publishing in the Media module.
• the Widescreen with Horizontal List, Widescreen with Video Text List, Widescreen with Vertical Video List, and Video Player with Horizontal Video List template accept a single playlist; you can assign a playlist using the Media module.
• the Tabbed Navigation, Compact Tabbed Navigation, and Widescreen with Dropdown Navigation templates accept multiple playlists; you can assign playlists using the Media module.

The layout of your web page
Some layouts are designed for 800x600 or 1024x768 displays. You may also need to consider whether your video conforms to either a 4:3 or 16:9 aspect ratio.

The sections below present information about the standard templates available in the Brightcove Studio Publishing module, including template descriptions, sample players, and Photoshop templates you can download (as .zip files) to help you build custom backgrounds for your players. You can also download the player templates as a single .zip file (289 KB).

Single video templates

• Video Player
• Single Video Player with Logo

Single playlist templates

• Widescreen with Horizontal List
• Widescreen with Vertical Video List
• Widescreen with Video Text List
• Video Player with Horizontal Video List

Multiple playlist templates

• Tabbed Navigation 3.0
• Compact Tabbed Navigation 3.0
• Thumbnail Navigation
• Video Player with Dropdown Navigation
• Widescreen with Dropdown Navigation
  

Video Player

This is a simple single-video player that displays video controls underneath the video. This player can be scaled to match the dimensions of the video file, which is useful for displaying 16:9 aspect ratio videos without letterboxing. You can't assign content to this player using the Media module; instead, use Quick Video Publish, modify the configuration parameters in the player's publishing code, or use the Player APIs.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 486x412. The Video Player has a minimum size of 180x176. The controls and menu do not render correctly at less than that size.
  Video player: 480x360
  Non-player: 6x52
• Components
  video player
  player control bar

Single Video Player with Logo

This is a simple single-video player that provides a 480x55 pixel branding area above the video display. This player can be scaled to match the dimensions of the video file, which is useful for displaying 16:9 aspect ratio videos without letterboxing. You can't assign content to this player using the Media module; instead, use Quick Video Publish, modify the configuration parameters in the player's publishing code, or use the Player APIs.

• Download PSD Template (.zip)
• Components
  video player
  player control bar branding area, 480x55

Widescreen with Horizontal List 3.0

This template supports a single playlist. It can display standard 16:9 or 4:3 video with letterboxing. The name and thumbnail of each video are displayed in a scrolling list beneath the video player.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 650x630
  Video player: 630x354
  Non-player: 20x276
• Components
  video player
  player control bar
  title label
  top right image: 300x60
  scrolling horizontal video list

Widescreen with Vertical Video List

This template supports a single playlist. By default the player is sized for 16:9, but it can be scaled and resized through the publishing code for 4:3. The thumbnail of each video is displayed in a scrolling list next to the video player.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 588x410
  Video player: 480x270
  Non-player: 108x140
• Components
  video player
  player control bar
  title label
  bottom right image: 300x60
  scrolling vertical video list with thumbnails

Widescreen with Video Text List

This template supports a single playlist. By default the player is sized for 16:9, but it can be scaled and resized through the publishing code for 4:3. The name and description of each video is displayed in a scrolling text list next to the video player.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 480x215
  Video player: 302x170
  Non-player: 178x45
• Components
  video player
  player control bar
  title label
  scrolling vertical list of video titles and short descriptions

Video Player with Horizontal Video List

This template supports a single playlist. By default the player is sized for 4:3, but it can be scaled and resized through the publishing code for 16:9. The thumbnail of each video is displayed in a scrolling list below the video player.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 300x340
  Video player: 300x230
  Non-player: 0x110
• Components
  video player
  player control bar
  title label
  scrolling horizontal video list with thumbnails

Tabbed 3.0

This player allows the viewer to toggle though multiple playlists by selecting tabs at the top of the playlist area. The scrollable list on the right includes the short description and thumbnails for each video.

Click to expand

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 966x546
  Video player: 480x360
  Non-player: 486x186
• Components
  video player
  player control bar
  top left image: 480x55
  bottom right image: 468x60
  video list with thumbnails and short descriptions
  tab bar with playlists
  drop-down menu with additional playlists

Compact Tabbed 3.0

This player is similar to the Tabbed 3.0 player. It is sized for display on a 1024 x 768 display and is narrower than the standard Tabbed template. This player allows the viewer to toggle though multiple playlists by selecting tabs at the top of the playlist area. The scrollable list on the right includes the short description and thumbnails for each video.

Click to expand

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 798x603
  Video player: 480x360
  Non-player: 318x243
• Components
  video player
  player control bar
  top left image: 300x40
  bottom image: 728x90
  video list with thumbnails and short descriptions
  tab bar with playlists
  drop-down menu with additional playlists

Thumbnail Navigation

This player supports multiple playlists. Each playlist has a tab in the tabbed navigation; each tab displays a scrollable tiled list with thumbnails and titles for each video in the playlist.

Click to expand

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 956x654
  Video player: 480x360
  Non-player: 476x294
• Components
  video player
  player control bar
  tabbed menu with playlists
  scrolling tiled video list with thumbnails and short descriptions
  top branding area, 480x40
  bottom branding area, 728x90

Video Player with Dropdown Navigation

This player supports multiple playlists that are selectable through the drop-down menu. By default the player is sized for 4:3, but it can be scaled and resized through the publishing code for 16:9. The name, description and thumbnail of each video is displayed in a scrolling list below the video player.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 300x540
  Video player: 300x230
  Non-player: 0x310
• Components
  video player
  player control bar
  drop-down menu with playlists
  scrolling video list with thumbnails and short descriptions

Widescreen with Dropdown Navigation

This player supports multiple playlists. By default the player is sized for 16:9, but it can be scaled and resized through the publishing code for 4:3. The thumbnail of each video is displayed in a scrolling list next to the video player.

• View Player
• Download PSD Template (.zip)
• Default Dimensions
  Overall: 776x410
  Video player: 630x354
  Non-player: 146x56
• Components
  video player
  player control bar
  drop-down menu with playlists
  vertically scrolling video list with thumbnails