ViewedIt is now Vidyard GoVideo! Click here to learn more.

Design player settings

Player Design Settings allow you to determine the look and feel of your player, including the size, colors, and player controls. 

Note: Player settings give you control over each player you create. If you make a change to the player settings, your changes will apply to all current and future embed locations. These settings impact individual players — if you instead want to choose the default settings for your future players, see Default Player Settings.

Find a player's settings

From the Content menu click Players.

Hover your cursor over the player and click Settings.
Hovering over a player to click Settings.

Select Design in the Settings tab. 

Select Design in the Settings tab.

Player size options

Set the player size

Width: Set the width of your embedded video in pixels.
Height: Set the height of your embedded video in pixels.
Lock Aspect Ratio checkbox: Lock in the ratio between the width and height. This means that if you change the width of the player, the height will adjust to maintain the original aspect ratio, and vice versa.
Embed size and aspect ratio options.

Set a unique player size per embed location

You can set a different player size for any embed location by using query string to override the player size. This allows you to reuse the player in multiple locations without having to worry about making sure the size fits in all locations.

To change the size of the player, use the “width” and “height” values in the query string referencing the player.

For example, if your embed code looks like this:

<script type="text/javascript" id="vidyard_embed_code_XXXXXX" src="//play.vidyard.com/XXXXX.js?v=3.1&type=inline"></script>

Add the width and height to the query string like this:

<script type="text/javascript" id="vidyard_embed_code_XXXXXX" src="//play.vidyard.com/XXXXX.js?width=640&height=360&v=3.1&type=inline"></script>

If you're using the iframe embed code you don't need to add them to the query string. Since the embed code already includes width and height attributes, you can simply edit them in the embed code.

<iframe class="vidyard_iframe" src="//play.vidyard.com/_XXXXX.html?v=3.1" width="640" height="360"scrolling="no" frameborder="0" allowtransparency="true"></iframe>

Make the player size responsive

You can make your player responsive so that it will dynamically resize to fit the size of its embed location. Learn how to make your inline player responsive.

Player colors 

Use these settings to set a color scheme for your player. You can define a color using an RGB or HSB value, or a Hex code.

Primary:  Select a color for the colored elements of the player, such as the time slider, or the hover color of the play/pause button.
Play button: Select the color of the Play button on the Splash Screen when the player first loads.
Background: Select Black, White, or Transparent for the background of your player. This color will affect the standard 'black bar' area for any videos whose aspect ratio does not fit that size of the embedded player.
Player color options.

Playlist

Note: Playlist options exist for players that contain multiple videos.

Playlist Theme: Select a color for your playlist menu . (You can choose default, white, or a custom color).
Playlist always open: The playlist will stay open beside the player. This adds 319px to the width of your player.

A dropdown menu giving playlist theme options, and below is a toggle switch to turn on or off the 'Playlist always on' option.

Player controls

Turn the switch on or off to enable or disable the following features: 

Overlay name: Display the Player Name during playback.
Hide controls: Hides the Player controls from viewers. Player controls include the time slider, play/pause button, quality settings, volume slider, and expand option.
Player control options.

Player Splash Screen

Turn the switch on or off to enable or disable the following features: 

Play button: Show the play button overlaid on your splash screen.
Mouseover fade: Newly loaded player will brighten slightly when a viewer’s mouse hovers over it.

Splash screen options.

Captions

Select an option from the dropdown to enable to disable captions.

Automatic: Captions are automatically shown when someone views the player.
Optional: Captions can be turned on/off by the viewer.
Disabled: Captions will not be displayed.

Caption color: Click the color dropdown and use the color selector to pick a color for your captions. 

Caption options.

Was this article helpful?

Can’t find what you’re looking for? Please contact us below.

Email Vidyard Support
Why you didn't like the article?

If you would like Vidyard to get in contact with you regarding your feedback, please enter your email address.

  • No, Thanks