Customizing the Talking Heads® Player

There are may options for customizing the Talking Heads® player. This document will guide you through all the available parameters.

To customize your player, open up your website-spokesperson.js file in a text editor (like Notepad) or a code editor like Dreamweavers. Do not use Microsoft Word, Open Office, or other elaborate word processor software because they insert formatting code.

The main player variables start at line 5 and continue until you see // end Main Player Vars

Player Variables

With the rise of responsive websites we have added the ability to place our player inside a specific div tag. If you set the responsive variable to "yes" you can then place <div id="wthvideo"></div> inside of the div you would like the video to play in. This will place the video inside of that tag, where ever it is on the page. true or false
Sometimes you may not want the video to appear on devices. This will set that(true or false)
Display Talking Head when canvas not available
video width
video height
Use any of the functions that require cookies.(true or false)
  • absolute-The video "sticks" to the page. If you scroll the page the video scrolls with the page
  • fixed-The video is fixed on the page. If you scroll the video stays in the same position.
Usual options are "auto", "0" or "50%". 0 will put the player on the left side of the screen. Auto puts the player where the right value places it. 50% place the left edge of the player at the middle of the screen then set the centeroffset value below to move the player to the left or right.
Usually 0 or "auto" If the left value is anything but "auto" this should be auto.
auto or the number of pixels from the top you want the player to be.
"auto" or the number of pixels from the bottom you want the player to be. centeroffset Set to "auto" unless left is set to "50%" then the number of pixels from the center. Negative numbers are left and positive are right.
The background color for the controlbar and click to play button. RGBA value.
The color of the text on the click to play button. Hex value
Text in the click to play button.
Player volume. Value from 0.1 to 1.0
Delay start of video 1000 = 1 second
  • yes- Always show the controlbar
  • no- Don"t show the controlbar
  • mouse- Show the controlbar when the mouse is over the player.
To show or not show the exit button on the top right. true or false
  • yes-Start video on page load. Note some browsers or plugins prevent autostart video.
  • mute-Show the player with muted video.
  • onceonlythenmute-Autostart the player on the first visit. After that show muted video until they clear their cookies.
  • once- Only show the player on the first visit of a browser session.
  • onceonly- Only show the player on the first visit(until they clear their cookies)
  • goStop-Autostart the video then have it stop until viewer clicks play.
  • loop-Muted video that loops.
When using the goStop option on autostart this is the frame to stop on. 30 frames is one second.
Close the player on video complete. true or false
Path to where the files are stored. Usually talkingheads.
Name of the gif. Don't add .gif
Name of the mp4 with the matte. Don"t add the .mp4
Name of the mp4 without the matte. Don"t add the .mp4
We have created the Talking Heads Player with easy installation in mind. It usually only takes a few minutes to install and if you need assistance we are happy to help. Here are links for Installation Instructions and support.
We have created several specialty players to meet many different needs. From the ability to have different videos play each time someone visits your site to a Video FAQ, from a player that will jump around the page to a player that will play a different video based on which part of an image is pressed, we have the specialty player for you.


The Talking Heads® Player and associated javascript files are copyrighted and may not be used other than with videos made by Website Talking Heads or its authorized resellers.