A "video player" is the container that allows viewers to watch and interact with your videos. You likely interact with players all the time—most often through video controls like the play/pause button, the progress bar to seek forward and backward, the fullscreen button, volume, and other common video settings.
Through the player design settings in Vidyard, you can customize and control how viewers experience your videos. You can customize the colors of your player, change which controls and share options are available to viewers, and configure the playback experience with settings like autoplay.
This article explains how to customize the player design for an individual video or playlist. You can also choose to apply player settings as a default to videos across your account.
- A subscription to the Starter, Plus, or Enterprise plan
- You must belong to a Team with the Edit advanced video settings permission enabled
Open the player design settings for a video
- Select the Library button from the dashboard menu
- Click on title of a video to open the edit page
- Under the Settings tab, click on Player Design
- Select the Edit button
Customize the visual design of your player
Change the colors on your video player
There are three areas of the video player where you can change the color: the play button, the player controls, and the background color.
The play button sits overtop of the video thumbnail before your viewer clicks play. It indicates to the viewer that the thumbnail image is actually a video.
The player controls appear whenever the viewer hovers over the video during playback. These include the play and pause button, the video progress bar, as well as the settings to enter fullscreen mode, adjust the volume, and manage the video quality, playback speed and captions (if these have been enabled).
- Open the Design menu to begin
- Select the color dropdown tool to change the color of the play button or the player controls
- Use the color palette to select a color you like
- Alternatively, enter a Hex Code or RGB value to select a precise color
The video background color applies to the "empty space" that appears whenever the aspect ratio of the video differs from the size of the embedded player (e.g. think about a vertical video recorded on a mobile device).
Open the dropdown menu to select a background color of black, white or transparent.
Add the name of your video to the player
Switch the Video Name toggle to ON to add the name of your video to the player. The name appears in the top right-hand corner whenever the viewer hovers over the video during playback to reveal the controls.
Add a hover animation to the thumbnail
A hover animation makes the video thumbnail subtly "light up" whenever the viewer's cursor moves over the player on a page. This is a great way to draw attention to your video and entice your viewers to click play.
Switch the Thumbnail Hover Animation toggle to ON to enable this setting.
Change the player controls available to your viewers
The controls are the part of the player that allow your viewers to interact with the video and modify the playback experience to their preferences.
The player bar provides viewers with several different options, including the play/pause button, the progress bar, volume, the video quality settings, fullscreen button, as well as captions and playback speed (if enabled).
- Open the Controls menu to begin
- Use the toggles to enable or disable each setting (described below)
|Play button in Thumbnail||Show or hide the play button in the center of the thumbnail|
|Player Bar & Controls||
Show or hide the player bar and its control (play/pause, volume, settings, fullscreen, etc.)
Viewers may still click anywhere on the video or use the spacebar on their keyboard to pause and resume the video, unless Ability to Pause has also been disabled.
|Ability to Pause||Enables or disables the viewer's ability to pause the video|
|Captions||Adds the Closed Caption button to the player controls and allows the viewer to select from a list of published captions|
|Captions On by Default*||
*Requires Captions set to ON
Captions on by Default automatically enables whichever caption you've set as the default when the video begins to play.
A caption other than the set default will automatically play instead if a caption that matches the viewer's preferences is available: either a caption language that the viewer has previously selected or a caption that matches their set browser language.
|Speed Controls||Enables or disables the option to adjust the playback speed of the video (0.5x, 1x, 1.25x, 1.5x, 2x)|
Change the share options available to your viewers
Adding a set of readily available sharing options to the player helps you to encourage viewers to re-share your video to their networks, increasing the reach of your message and the potential traffic to your video and webpages.
You can choose which sharing options are available to viewers from the player, including options to share via Email, to social accounts such as LinkedIn, Facebook, and Twitter, as well as to allow viewers to re-embed the video on their own webpages.
- Open the Share Options menu to begin
- Toggle Sharing to ON to add the share options button to your player
- Use the toggles to select the share options available to your viewers
Add a custom sharing link
By default, the sharing options on the player (i.e. Email, Twitter, Facebook, and LinkedIn) links viewers to the video's dedicated sharing page. A custom sharing link allows you to customize where the audiences referred to your video are directed.
For example, you might prefer that viewers watch the video within the context of your website or a custom landing page that you've designed.
- Toggle the Custom Sharing Link option to ON
- Enter a web address where you would like to direct referred viewers
- URL must begin with
- URL must begin with
Customize the playback behavior of your video
Use the options under the playback behavior menu to control the experience of how your video begins to play and what happens when it finishes.
Autoplay & Mute by Default
Toggle Autoplay to set your video to play automatically whenever a viewer lands on the page where the video is embedded.
Please note that autoplay with sound is currently blocked by default on mobile devices, Chrome and Safari. Videos will begin to play muted in browsers that do not allow autoplay with sound.
For the best experience across all devices, we recommend that you also enable the Mute by Default option as well as add captions to your video so that viewers can begin to follow the video immediately and then enable sound if they choose.
Override default events applied to a video
Note: the Default Events option is only available as a setting on individual videos
When you create an Event (a call-to-action) in Vidyard, you can choose to assign the event to all videos in a folder as a default.
Toggle the Default Events option to OFF to exempt the video from any default events that may apply.
Select an end-of-video action
Note: the end-of-video action is only available as a setting on individual videos (it cannot be set as a default setting)
Use the End of Video dropdown menu to customize the action that the player takes once the video has come to end.
|Thumbnail||Returns the video or playlist to the thumbnail with a play button|
Video stops and remains at the final frame. The player bar remains active so that the viewer may continue to interact with the video.
If a playlist, the video will stop and remain at the final frame of the last video in the list.
|Loop||Automatically plays the video again from the beginning. If a playlist, the loop setting will begin from the first video in the list.|
Directs the viewer to a custom web address.
You also have the option to choose whether to redirect the full page to the given URL or display the webpage within the video container on the existing page.
If enabled on a playlist, redirect occurs at the end of the last video int the list.
Customize the behavior of a playlist
Playlists inherit the majority of their settings from the first video in the list, including the player colors, the available controls and share options, as well as behaviors like autoplay.
However, there are some settings unique to playlists that you may want to customize. These settings relate to how a viewer interacts with multiple videos in the playlist.
- Click on the title of a playlist in your library to open the edit page
- Scroll down to the Player Design section, then select Edit
Change the behavior of the playlist menu
Open the Playlist setting tab to manage the available settings
Adds the playlist menu to the player and allows the viewer to select other videos from the list
|Playlist Always Open*||
*Requires Playlist set to ON.
Keeps the playlist permanently open to the left of the player. Allows the viewer to select other videos in the list and see the order in which they will play.
You can also change the color of the menu to black, white, or a custom color.
|Video "Up Next" Preview*||
*Cannot be enabled at the same time as Playlist Always Open
As the current video comes to an end, present the viewer with a small preview of the next video in the playlist
Select an end-of-playlist action
Note: the end-of-playlist action is only available as a setting on individual playlists (it cannot be set as a default setting)
Like the settings for an individual video, you can decide the action that takes place once the playlist comes to an end. These actions occurs specifically when the final video in the playlist finishes.
Refer to end-of-video actions for an explanation of each option.