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

Responsive
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
showDevice
Sometimes you may not want the video to appear on devices. This will set that(true or false)
showNonCanvas
Display Talking Head when canvas not available
width
video width
height
video height
Cookies
Use any of the functions that require cookies.(true or false)
Position
  • 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.
left
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.
right
Usually 0 or "auto" If the left value is anything but "auto" this should be auto.
divTop
auto or the number of pixels from the top you want the player to be.
bottom
"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.
bgColor
The background color for the controlbar and click to play button. RGBA value.
textColor
The color of the text on the click to play button. Hex value
btnText
Text in the click to play button.
volume
Player volume. Value from 0.1 to 1.0
delay
Delay start of video 1000 = 1 second
controlbar
  • yes- Always show the controlbar
  • no- Don"t show the controlbar
  • mouse- Show the controlbar when the mouse is over the player.
exitbtn
To show or not show the exit button on the top right. true or false
autostart
  • 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.
goStop
When using the goStop option on autostart this is the frame to stop on. 30 frames is one second.
exitoncomplete
Close the player on video complete. true or false
path
Path to where the files are stored. Usually talkingheads.
actorpic
Name of the gif. Don't add .gif
canvasVideo
Name of the mp4 with the matte. Don"t add the .mp4
h264
Name of the mp4 without the matte. Don"t add the .mp4

Installation

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.

Specialty Players

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.

Disclaimer

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.