A branded customer handoff
Watch a short kickoff lesson with the creator’s logo linked to its website.
A custom video player for your help center
Put your logo on the player, link it to your site and choose which controls viewers see. Set a default for your tutorial series, then change individual videos where the audience needs something different.
- Link your player logo to the site viewers should visit next
- Choose which playback controls appear on a specific video
- Use the same player on its watch page and in a website embed
Trusted by teams at
The problem
The help article looks like yours. What about the player?
A customer opens a tutorial to finish a task. The player surrounding the recording affects what they recognize, which controls they can find and where they go afterward.
i.
A logo in the footage has nowhere to send the viewer
A logo on a title slide is part of the picture. A linked player logo can take someone back to your help center after the lesson.
ii.
Different tutorials open with different controls
A support series is easier to maintain when its team sets one default and makes exceptions for particular videos.
iii.
A long recording hides the step someone came for
An employee returning to a procedure may know the step by name but have forgotten where it starts in the recording.
The Video library gives the player its own settings, separate from the footage you upload or create.
The solution
Set the defaults once. Change one video when needed.
In the Video library, Player defaults applies across your hosted videos. Open a published video’s Player tab to override an individual setting.
One tutorial can have its own look without changing the rest of the library.
i
Choose a recognizable accent
Enter a hex color for the player and check the result against the background of your video.
ii
Give the logo a destination
Upload your logo and set its website link. A help article can send viewers back to documentation, while a lesson for partners can point to their portal.
iii
Keep the controls the audience needs
Choose whether to show fullscreen, picture-in-picture, volume, the speed and quality menu, or casting controls.
Playback choices
What viewers can do with your custom player
Think about where the video will play. A support article on a laptop and a training lesson on a shared screen call for different settings.
Chapters
Name the parts of a longer lesson
Enter a timestamp and title on each line, starting at 0:00. Use procedure names your viewers already recognize, such as “Assign the account owner.”
Playback
Set how a video starts
Choose a start time for one video, or turn on muted autoplay for a clip intended to play as someone reads. A link to a specific moment still takes the viewer to that moment.
Placement
Use the same player outside Studio
Publish the video, copy its embed code and place it in the help center or learning portal. Open the result there to check its size and controls.
See the custom player in use
Two named chapters in one lesson
See how to mark the introduction and the point where the account owner gets the next action.
Controls on the embedded player
The lesson keeps its playback controls in the embed, with casting turned off for this video.
How it works
Customize a player and check it as a viewer
Start with a published video in the Video library. Player customization is available on Premium and higher plans.
Video library
Choose what you want to change
For a whole series, open Video library and select Player defaults. To change a single published video, open it and select Player.
Player
Set the look and controls
Set the accent color, upload your logo and enter the website it should open. Choose the playback controls you want to keep, then select Save player. Add chapter timestamps separately with Save chapters.
View as a viewer
Try the published player
Open the watch link or select Embed and copy the code into your site. Play the video there, check the logo link and try the controls your audience will use.
Who uses Custom video player
Who customizes a player?
Use a branded embed when a viewer should be able to watch and return to the surrounding article, course or customer portal.
Keep the answer inside the help articleIllustrate a help articleShow where the next procedure beginsPublish a training lessonMake kickoff lessons recognizableDesign an onboarding series
Support teams
Embed a walkthrough beside the written steps. Link the player logo to the support site so viewers who opened the watch page separately can find the rest of the guides.
Training teams
Name chapters for the tasks in a training recording. A returning learner can use the labels to find the section they need.
Customer success teams
Use account defaults for a consistent onboarding series. On a partner-specific lesson, change the player logo link to the portal the customer uses.
Where to use Custom video player
Where a branded player helps
Choose the setup that matches what your viewer is doing before and after the video plays.
primary
View use caseEmbed the answer where the question comes up
Place a branded walkthrough beside the written support steps.
primary
View use caseGive a long lesson named sections
Let viewers recognize the procedure they need by its chapter title.
customer success
View use caseKeep the support team’s lessons consistent
Use the same player controls across training for new customer success hires.
primary
View use caseSend a new customer back to their portal
Set a suitable logo destination on the player used for the kickoff video.
sales
View use caseShare the demo after the call
Give prospects a hosted player they can open from a follow-up email.
primary
View use casePresent the walkthrough inside the product guide
Check the embedded video at the width your documentation uses.
Comparison
A custom player or an MP4 file?
A player suits a page you maintain. An MP4 is useful when a course platform or publishing channel requires a file upload and supplies the playback controls.
| Capability | ngram hosted player | MP4 file upload |
|---|---|---|
| Logo destination | ● The logo can link viewers back to your site | A logo in the footage is an image |
| Playback controls | ● Set controls for the library or an individual video | The destination supplies its own player |
| Where to use it | ● On a watch page or a site that accepts the embed | In a course or channel that requires a file |
Related features
From hosting the video to styling the player
Use these features for the other parts of the viewer’s experience, from publishing the file to keeping captions readable.
Video hosting
Publish the video
Publish a watch page or get the embed code that carries your chosen player settings.
Brand Kit
Style the video itself
Set the visual identity used in the video before choosing the logo and accent shown by the player.
Captions
Caption the lesson
Prepare captioned content before selecting caption preferences on a player that offers the language viewers need.
Source material
Make a video to put in your player
Start with the approved source behind a lesson or walkthrough, then publish the finished video to your site.
Start withVideo output
Help article to Video
Turn an approved article into a tutorial you can embed beside the written steps.
Start withVideo output
Screen recording to Video
Prepare a walkthrough of a real task before customizing the player that delivers it.
Start withVideo output
Written procedure to Video
Turn an SOP into a lesson and use its procedure names as chapter labels.
Start withVideo output
Training material to Video
Use existing lesson material to make a video for a training portal that accepts embeds.
Supporting tools
Prepare the footage before publishing
Player controls affect playback. Use these tools when the change belongs in the video itself.
Record
Open screen recorderCapture the procedure
Record the product steps that viewers will watch inside your embedded player.
Edit
Open video editorCut the lesson
Remove dead time before setting chapter timestamps against the finished video.
Caption
Add subtitlesPrepare readable subtitles
Burn subtitles into the picture when the same video also needs to play as a file.
File size
Compress a fileMake a smaller file
Prepare a smaller MP4 for destinations that require an upload instead of a website embed.
Browser workflows
Record the product before you embed its walkthrough
If your help article needs to show the interface, start with the browser extension and finish in the Video library.
Explore other ways to create videos from the sources your team already uses.
See all integrationsCustom video player questions
Which plan includes custom video player settings?
Player customization starts on Premium. Basic can remove the ngram badge. To use your own logo, accent color or playback-control preferences, choose Premium or higher.
How do I customize just one video?
Open the published video in the Video library, select Player, change the settings and select Save player. Other videos keep their current settings. Use account default on that setting when you want the video to inherit it again.
How do I add a clickable logo to my video player?
In the Player tab, upload a PNG, JPEG or WebP logo up to 1 MB. Enter an HTTPS address in Logo links to, save the player and test the link from the watch page.
Can I add chapters to a training video?
Yes. In the Player tab, enter one timestamp and title per line under Chapters, starting at 0:00. Select Save chapters. After revising the footage, check the times against the version viewers will watch.
How do I put the player on my website?
Publish the video, choose Embed and copy the code into a page that supports it. Choose responsive sizing to fit the width of the page. Open the published page and check playback there.
Will my custom controls appear in a downloaded MP4?
An MP4 contains the video and audio. The app that opens it supplies the controls. Share a watch link or embed when viewers need the player you configured.
Give your next tutorial its own player
Set the look once under Player defaults if the same settings should apply across your series.
Open a published video and choose Player to change how people watch it.
Player customization starts on Premium.