Creating Logo Overlays

Applies to Roles
Publisher
Version
Brightcove 4
Modules
Media Module
Edition
Express, Pro, Enterprise

In the video industry, a logo overlay is commonly referred to as a digital on-screen graphic (DOG), bug, or watermark. When a viewer clicks the logo overlay, a new browser window at the URL specified when you configure the logo overlay. You can use the Media module to set a logo overlay for any of your videos.

A logo overlay travels with and serves to brand the video. If your video is virally distributed, the logo overlay is distributed with it and provides another way for viewers to find their way back to your site.

Creating a logo overlay image file

The image file you use for your logo overlay must be a GIF or PNG format image file, not larger than 300kb. For best results, use these styles:

  • Logo overlay color: white @ 25% opacity
  • Drop shadow: black @ 35% opacity

These styles emulate the watermark logo overlays seen on major television channels and allow the logo overlay to be seen on most background colors. You can download a PSD template for a logo overlay.

Logo overlay dimensions

The recommended size for a logo overlay is no more than 25% of the height or width of the playback window. For a 480x360 playback window, 25% of the width is 120px and 25% of the height is 90px). If you select a mostly transparent image, a viewer will be able to click anywhere in the area of the logo overlay to open the specified link in a new browser window. An image of this size works best with the logo alignment options.

The maximum size for a logo overlay is 464x344 (which is the size of the playback window minus an 8px border on each side). If you select a graphic of this size, you will need to place it within the 464x344 space on your own; you will not be able to position it using the logo alignment options in the Console or the Media module.

Some Brightcove players can be resized at run time or are by default smaller then the standard 480x360 pixels. If the player is set to a different size, the logo overlay will scale proportionately. For example, if the player is resized down to 50%, a 120x90px logo overlay would display at 60x45px. Therefore, you should select images for logo overlays that can be scaled down; logo overlays are never scaled above 100%.

Setting a logo overlay for a video

You can set a logo overlay for an individual video using the Media module. For information about how to do this, see Editing Videos with the Media Module. Logo overlays can also be set at the account level using the Brightcove Console. If you have a logo overlay set at the account level and also set a logo overlay for a video, the logo overlay set for the video will display and the account level logo overlay will not display.

Tags