Video Deployment
Instruction Manual and Preview



Your Basic Playback Code

Copy the playback code below in red.

<SCRIPT LANGUAGE="JavaScript" type="text/JavaScript">
v_flvbase='http://www.yourwebsite.com/videos/';
v_theflv='';
v_alignvideo='';
v_mwidth='';
v_mheight='';
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript" src="http://code.javahd.com/js/.js" type="text/JavaScript"></SCRIPT>

Simple Installation Instructions:

  1. and placing it inside a folder on your website called videos. If you have your own flash video flv file just replace.
  2. Insert the html code above inside your web page at the bottom just before the </body> tag .
  3. Modify the html code parameter "v_flvbase" to reference the final website location of your video
  4. Be sure the v_theflv filename is exactly as is is named in the directory on your website
  5. Your video is now installed and ready for playback

Optional Overlay

  • We would like to show you what an overlay would look like on your video. This is an additional tool to help bring interaction with your users.
  • Overlays are an additional development item which simply requires your approval to be active. Click here to see your video with the overlay

Considerations for Flash Websites:

If you have a site built in flash or have flash elements in your web page next the video, you must add the wmode=transparent parameter to your flash elements in order for our our video to play over top of them.
Your Playback Options - A Basic Idea of how it works
Now you can add a few basic features by yourself to spruce up your video. Take a look at the code below:

<script language="JavaScript" type="text/javascript">
v_theflv=' ';
v_flvbase='http://www.yoursite.com/videos/';
v_alignvideo='bottomright';
</SCRIPT>

<SCRIPT LANGUAGE="JavaScript" src="http://code.javahd.com/js/ .js" type="text/JavaScript"></SCRIPT>


Notice that there is an extra section with a new line in there that starts with a v_ and appears to align the video to the bottom right of the page. Well that is only one of many options you may alter. These alterations are simply a modification of the default options we have stored in our database. Here is a list of your choices. Simply add the extra section above your default code, and then place any of the options below. That's it. If you need help just call.
Variables to Change the Location of the video

Having your video appearing where you want and when you want on your website has never been easier. For instance if you have a website with the content on the sides of your web page; you will be able to optionally put your video in the center of the page instead of the default location which is normally to the sides which could cover up your vital or relevant text, data, or information. The good thing about this feature, you will be able to reformat the video to fit you website without having to redesign your website to facilitate the video instead.

v_alignvideo='bottomleft';
v_anchorlocation='bottomleft';
v_padx='0';
v_pady='0';

  1. Options are bottomleft, bottomright, bottommiddle, topleft, topright, topmiddle, leftmiddle, rightmiddle, deadcenter, inplace, absolute (requires an element id called "anchor1" in your web page). If you wish to anchor to another element mid-video you can run a javascript function called placevideo(newanchorpoint), with the newanchorpoint referring to any named element on the page.
  2. If you selected absolute in your video alignment then that means your video will not scroll down the page with you. It will stay in a fixed location next to the element with id "anchor1". Your options here determine if the video will be above, below, to the left or right of your element. So your options are bottomleft, bottomright,topleft, topright
  3. This variable is used as an offset pixel amount Options are positive or negative numeric values.
  4. This variable is used as an offset pixel amount. Options are positive or negative numeric values.
Variables for making the video autoplay

v_autostart='yes';
v_playalways='yes';
v_showevery='7';

This option allows you to determine whether your video will play automatically or not.

  1. This determines if your video will automatically play the first time a visitor enters your site. Options are yes or no. Setting to no displays the play button instead and never auto start.
  2. This determines if your video will auto play every time a visitor visits the site.Options are yes, no or any single whole number. If set to no then it will auto play ONLY THE FIRST time the visitor gets to your site, and show the play button every time after. If set to yes then the video will autostart every single time, not just the first time. Setting a number allows the video to autoplay the number of times you set here, and once that number has been reached, show the play button every time afterwards. So setting this to 5 for instance makes the video autoplay 5 times then reverts to the play button only upon the sixth visit.
  3. This showevery tag determines how long the program will wait in days before playing auto playing again for the particular visitor. So if you set this to 7, the entire logic will start over after 7 days and autoplay will resume and until the preset number has been reached again.
Variables for resizing the video

Whether you want your video big, small or in-between, choosing and customizing your video size to match or complement your website is as easy as it is important. If you have a smaller area to work with on a particular page of your website, compensating for this is “no problem”. Your video can be resized to fit your web-style and capturing zones; hence resizing your video to better compliment these changes, lets say, a banner, graphics or background color or maybe even some smaller area like below or beside the contact information normally in the footer of document.

v_scaleflv='yes';
v_mwidth='400';
v_mheight='400';

  1. This allows you to change the size of the video on your page to any pixel dimension you wish. This must be set to yes in order to use the width and height adjustments below. Options are yes, no (default) or any number from 1 to 100. If you set this value to a numeric figure from 1 to 100 then the video will be resized automatically as a percentage of the original size. So 50 will let the video be 50% resized.
  2. This sets the width of the video canvas in pixels. If the scaleflv is set to "yes" then the video will automatically resize to this width.
  3. This sets the height of the video canvas in pixels. If the scaleflv is set to "yes" then the video will automatically resize to this height.
Making your video Clickable

What better way to interact with users in real-time by realizing, communication is the key to convincing, capturing and maintaining your audience. Do you like this idea? Y/N. As simple as a yes/no answer are thought of, so is your video response. With just one click away, you can have your audience directed to any desired link, page, or frame or your website. E.g. suppose you have a website or webpage with no actual content or buttons. are smaller or harder to find. You can target your audience immediately by having a button appear on or around your video while playing or stopped that will enable your user to click instantly to say E.g. buy now, contact us or even learn more. Anything you want the button to say or go where; when you click. You can also have your video either opening into the same page, different window or new tab. Think about the different impressions this could make not just for your site but for all first time users and those returning.

v_theurl='http://www.gosomewhere.com';
v_theurltarget='_self';
v_urltype='l';

  1. This is the url you wish the visitor to go to if they click on the spokesperson.
  2. This is the target window upon clicking the video. Options are _self , _blank , _parent , _top
  3. This determines is the url is a web page or a javascript command. Options are l or j . l being link and j being javascript function located within the web page.
Looping your video

Just As the name suggests! Have your video loop (repeat) after it is played. So if you want to play your video and get your point across all you have to do is have a loop command attached to your video code. E.g. say u have a store or display window and a monitor/screen, you could have it looping repeatedly, over and over again. Imagine the implications when visitors or passerby’s stops by your site or on physical location, they (potential customers) will immediately see and possibly hear what you or your organization is all about. Most onlookers will be curious based on human nature and wouldn’t pass without seeing and wanting to hear what your video is about. Another E.g. would be for conventions. Instead of standing around all day and saying and answering the same questions, having to paying a spokesperson day after day and hour after hour: Your video would repeat it self in the exact same way. And because its pre-recorded, there won’t be much room for mistakes or otherwise.

v_theloopflv='yes';

  1. This allows you to indefinitely loop your video. If this parameter is used in conjuction with freeze framing the video at the end with a freeze frame timer, the loop will begin after the freeze frame timer runs to 0.
Changing the Video Buffer

This is perfect for people in a remote area where internet speeds aren’t so great or maybe facing hardware (computer) issues. E.g. a slow computer or even a cell phone where the speed isn’t as good as ADSL or cable. You don’t want your targeted audience to see your videos sputtering now, will you? For instance if your targeted audience is on a small island you would want to set your buffer rate (speed of which the video will start to play) to a higher number. This will allow the video to preload and then play smoothly even with an outdated pc.

v_videobuffer='25';

  1. This allows you to change the amount of preload you wish to happen before video playback begins. Values are 0 to 100. In this example 25 represents 25%.
Modify the loader appearance

At times you may want the video to silently load in the background without giving any indication that a video is about to appear. At other times you may want to show the user that a video is being loaded, especially if they have to click on a button to play the video. This variable changes the loading percent indicator from being fully visible to completely invisible depending on your needs.

v_loaderalpha='30';

  1. This value ranges from 0 to 100, with 0 being invisible and 100 being fully opaque.
Adding Call to action on screen

Example 1. - This would be a good option for a website, individual or company that’s conducting surveys or some sort of Yes and no responses. You could use this option to collect users’ responses and saving data and information collected.

Example 2. - You can have them go to another page or video.

Example 3. - Asking them questions that would need appropriate answers like, Are you age 18 and older y/n to continue. After selecting the appropriate answer the call to action would redirect clients/users based on answer. This could redirect you to another video, section of the website, a new URL etc. think about the different possibilities.

v_answeryes='http://www.gosomewhere.com';
v_answeryestext='Would you like to get started?';
v_answeryeswait='5';
v_freezeonend='yes';
v_freezeonendwait='15000';

  1. This is the url you wish the visitor to go to if they click on the yes
  2. This is the short text that appears in the call to action window
  3. This is the number of seconds before the video ends that this call to action prompt will show up.
  4. This freeze frames the video when the actor is done speaking so as to give your user a chance to respond to the call to action on the screen.
  5. This is the number of seconds the video is frozen on screen before disappearing. 1000 is equal to 1 second..
Locating the video within the canvas (Advanced)

v_videox='0';
v_videoy='0';

  1. This sets the x coordinate of the video. Only works if a value other than 0 is set.
  2. This sets the y coordinate of the video. Only works if a value other than 0 is set.
Change the type and location of the player controls

E.g. If you don’t like the color, shape, appearances of your play buttons/bar, they can be customized to meet your needs. So if your website is green. We could make player & bar to compliment your color schemes. You can have your play bar when and where you want on a webpage/site. Have your play button arrive in on the location where u actually wanted it. Also have it disappear at a specific time.

v_thecontroller='http://code.javahd.com/container/controller1.swf';
v_thecontroller='http://code.javahd.com/container/controller2.swf';
v_thecontrollerx='0';
v_thecontrollery='0';
v_thecontrolleralpha='100';

  1. This is the url to the external player bar which controls the stop, play and pause function of the video.
  2. This is the url to the external player bar which controls the stop, play and pause function of the video.
  3. This is the x coordinate on the video of where the controller is located. Options are auto or any number.
  4. This is the y coordinate on the video of where the controller is located. Options are auto or any number
  5. This is how see through the controller is. 100 is opaque and 0 is completely see through
Controlling the volume of the video

If your video’s volume is too low or too loud for your environment, no worries! The video’s audio can be set at anytime to compliment your viewer attention. Say your targeted audience is an older mature, or younger your volume can be set. If you have back ground music also, you may want to adjust volume to accommodate and ballancing.

v_theflvvolume='100';

  1. This sets the volume of the video being played. Values range from 1 to 100.
  2. If this value is set to 0 a button will appear on the video that says "click for sound". If a users clicks it the video will restart at 100% volume. The coordinates of this button can be modified using the same bigplayx and bigplayy parameters that are used for the freeze frame play button. (i.e. v_bigplayx='0'; v_bigplayy='0';)
Adding background music to the video

Like above mentioned about video volume: you may want to add your own background music or sound (e.g. nature sounds) from any location on the internet that you wish. You may also set the volume to compliment your video.

v_videomusic='http://ww.abcwebsite.com/sounds/abc.mp3';
v_videomusicvolume='50';

  1. This refers to an external sound file you wish to play as the spokesperson is talking. This is basically background music for your video.
  2. The volume is also set here and can be set from 1 to 100.
Adding a background or foreground picture or flash animation to your video

So, you have your video. But now you want a last minute background that you can change at anytime you wish. Or maybe you want another animation to play over the video that pops up buttons or flashing text. This option will accommodate just that. Your background or foreground image/animation will play all through the video.

Example - If your talent is talking about the beach, you can have an image of the beach in front or behind your talent/video and appear in place when and how u want it.

Example - If you want to popup buttons or other text around your video to reinforce the message.

v_videobg='http://www.abcwebsite.com/images/image.gif';
v_videobgx='0';
v_videobgy='0';
v_videofg='http://www.abcwebsite.com/images/image.gif';
v_videofgwait='1000';
v_videofgx='0';
v_videofgy='0';

  1. This is the url to a graphic file or flash animation to be used as a background to the video.
  2. This is the x coordinate for placement of your video background graphic or animation.
  3. This is the y coordinate for placement of your video background graphic or animation.
  4. This is the url to a graphic file or flash animation to be used as a foreground to the video.
  5. This is the number of seconds to wait before fading in your video foreground or animation. Note that if you are using a graphic, it will stay on screen until the spokesperson ends. If it is an animation, the animation will fade out according to its own timeline. 1000 is equivalent to 1 second
  6. This is the x coordinate for placement of your video foreground graphic or animation.
  7. This is the y coordinate for placement of your video foreground graphic or animation.
Freeze Frame the video when done

When your video is finished playing you can have the option of freeze framing objects. This will compensate for users that didn’t make up their mind right away or want to replay video again immediately or in a few seconds. This will intern paint a mental picture for the users, almost like burning a visual image of the previously watched video into their memory.

v_freezeonend='yes';
v_freezeonendwait='5000';
v_playbuttononend='yes';

  1. This determines if your video will disappear from view when done, or will freeze when its done playing. This may be useful if you want the user to click on the spokesperson or replay with the big play button. Options are yes or just leave it blank.
  2. This determines how long the video will stay frozen for before disappearing from view. If this variable is left blank the video will freeze indefinitely. 1000 is equal to 1 second.
  3. This puts a big play button on the actor when they are done talking. This will allow a user to easily see that they can replay the video. This only works if you chose freezeonend above to yes. Options are yes or leave blank.
Modify the Big Play button

Play buttons are sometimes crucial for your videos. Just like your stereo equipment. How would u know about a specific function if you didn’t have a remote control? The play button is like your remote only you use your mouse to point and click for immediate response. The play button can be in any language u desire also. Some people would prefer having the video play at command or otherwise. Another key option is having your optional play button to appear on screen at an accurate time.

v_clicktoplaywait='5000';
v_bigplayx='0';
v_bigplayy='0';

  1. In milliseconds. If this parameter is present, your video will play as normal and pause after this number of milliseconds have passed, with a play button appearing on screen. This is useful for walk ons and short intros where the visitor will have to click on the actor to begin play after a brief hello. 1000 is equal to 1 second.
  2. This variable sets the x location of the big play button.
  3. This variable sets the y location of the big play button.
Other Advanced Controls

v_showcontrols='yes';
// This determines if the control bar that allows stop, play and headline is visible. Your options are yes, no or never. Yes allows the bar to show always. No allows it to display only when the mouse is rolled over the video. Never means never.

v_mcimage='http://www.abccompany.com/playbutton.swf';
// This is the play button. This must be a 100 pixel square flash swf file. Use this only if you wish to create your own play button. The hot link for this button should execute a javascript function called showvideo();

v_mcimage1='http://www.abccompany.com/replaybutton.swf';
// This is the replay button. This must be a 100 pixel square flash swf file. Use this only if you wish to create your own replay button. The hot link for this button should execute a javascript function called showvideo();

v_bwidth='100';
// This sets the width of the play and replay button in pixels.

v_bheight='100';

// This sets the height of the play and replay button in pixels.

v_waittime='5000';
// This tells how long to wait after the page loads to begin playing the video. 1000 is equivalent to 1 second

v_headline='Welcome to ABC Company';
// This is the headline located in the control bar at the bottom of the video

v_autorun='somefunction()';

// This is the javascript function in your web page you wish to run.

v_autorundelay='2000';
// This is the time you wish to wait before the above function is run. 1000 = 1 second.

v_clickgraphic='http://www.abcwebsite.com/images/clickimage.gif';
// This is the url to a graphic you wish to appear when the visitor rolls their mouse over the spokesperson.

v_autoforward='http://www.gosomewhere.com/nextpage.html';
// This is the url to the web page you want the visitor to automatically be forwarded to when the spokesperson is done talking. If you wish you may execute javascript instead. See variable below. If you decide to run a javascript command please change this to "yes" and change the variable below (autoforwardtype) to j , then create your commands in a function called runonend() in the page where your video code resides.

v_autoforwardtype='l';

// This determines if your autoforward variable will be a link or a javascript command. Options are l or j. That is l for link or j for javascript.

v_chatbutton='yes';
// This determines if a live chat button will appear on the video. Since most live chat websites offer different code we will leave it to you to implement the code within a javascript command on your web page. When a user clicks on our live chat button, the javascript function launchchat() is attempted. That function must be including in your web page, containing the necessary code to launch your live chat. Your options for this variable are "yes" or "onend". Yes makes it always visible, onend shows it when the video is done playing - Note that the freezeonend variable needs to be set to yes for this to work.

Optional Highlighters

Remember when you where in college or you may still be, but the fact is, when you open your text book or journal and make important entries,  to study, some people will normally highlight key point, dates, topics, etc to remember and have a good reference point. This is just like that, but only in digital form. Highlighters are not just “cool and neat”, they serve a purpose. Have them appear at key moments and spots or sections of your webpage to compliment your videos and interact with users like never before. So if you have 20 lines on a website, a high lighter option can show your users where to click and where to read while your video is being demonstrated. Your users don’t have waste time looking all over the page for one specific object. They can be directed immediately.

You are allowed up to 5 highlighters per page. You may use one or more depending on your needs. Study the code provided below. The following code must be placed before your main video code.

  • Cut and paste the code below just above your video playback code.
  • Enable the highlighters you wish to use by changing the hx_enabled to a yes in any of the sections below.
  • Add <span id="highlighter1"> </span> next to any element in your web page you wish to target and label the span tage as highlighter1, highlighter2, highlighter3, highlighter4 or highlighter5
  • For example if you have a button you wish to highlight you may create a <span id="highlighter1"> </span> right next to the button, then enable h1 as 'yes' in the script below.
  • For example if you have 2 buttons you wish to highlight you may create a <span id="highlighter1"> </span> right next to the first button, then create a <span id="highlighter2"> right next to the second button then enable h1 and h2 as 'yes'.
  • The _x and _y refers to pixel offsets from the location of the highlighter base location. For instance you may shift the highlighter 100 pixels to the right of the <span> you created above by making h1_x=100. You may use positive or negative values to shift the location around
  • The hx_wait variable is how long the program will wait once the actor starts talking, before displaying the highlighter. 1000 = 1second
  • The hx_stay variable is how long you want the highlighter to stay on the screen before disappearing. 1000 = 1 second.
  • Special note: The highlighters are set to run only when the video plays, so all timings are based upon playback of your video.

<script language="JavaScript" type="text/javascript">

h1_enabled=''
h1_x=0
h1_y=0
h1_wait=1000
h1_stay=15000

h2_enabled=''
h2_x=0
h2_y=0
h2_wait=1000
h2_stay=15000

h3_enabled=''
h3_x=0
h3_y=0
h3_wait=1000
h3_stay=15000

h4_enabled=''
h4_x=0
h4_y=0
h4_wait=1000
h4_stay=15000

h5_enabled=''
h5_x=0
h5_y=0
h5_wait=1000
h5_stay=15000

</SCRIPT>

Scroll down here to see your video against this background color
Scroll down here to see your video against this background color
Scroll down here to see your video against this background color
Scroll down here to see your video against this background color
Scroll down here to see your video against this background color
Scroll down here to see your video against this background color




Help for Joomla based websites

IIS flv issues