There are may options for customizing the Talking Heads® player. This document will guide you through all the available parameters.
If you would prefer to have us make your changes for you, there is a $50 charge. You can contact us at 801-748-2281 to let us know what changes you would like made.
To customize your player, open up your wthvideo.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 6 and continue until you see // end Main Player Vars
If you need further assistance contact support@websitetalkingheads.com
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)
Cookies
Use any of the functions that require cookies.(true or false)
fixed-The video is positioned relative to the browser window. When you scroll the page the
Positvioidneo stays in the same place.
There are 2 options:
absolute-The video 'sticks' to the page. If you scroll the page the video scrolls with the page
Positioning
You can set the position of the player on the screen:
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
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 .mp4Customizing the Talking Heads® Player
There are may options for customizing the Talking Heads® player. This document will guide you through all the available parameters.