Adding the Free Subtitle Player

There are 2 ways to add subtitled movies to your website:   (1)   the quick-and-easy way and   (2)   the professional way.

Quick-and-easy way

The quick-and-easy way to add subtitles to your website takes only a couple of minutes.   When you have finished translating your subtitles, just go to the Main Menu and click on Export Video.   Select the Video Package for web developers, and type your web address or directory path where you plan to put this video folder.   Fill in the dimensions of your movie into the appropriate fields, and download the zip package with everything you need.   Unzip and upload the entire folder into either the root folder of your website or whatever folder path you typed in the field.   With this quick-and-easy you will have no particular background, and the movie is on its own page called Theater.html.   To incorporate the subtitle player into your existing web pages, you will copy-paste content of Theater.html into your own page as explained below.

The Professional Way

The downloadable zip package contains everything you need.   So you can copy code from the package into appropriate web pages on your site.   Below is the detailed in-depth explanation.

To add the free, single-language subtitled video player to your site, there are items you need:

  1. Your Video (FLV, M4V, mov, mp4, or other H.264 format)
  2. Single Language XML provided by Subtitle Your Video
  3. Basic knowledge of HTML and an HTML page to work on
  4. The following code:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="578" height="422" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="quality" value="high" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent" /><param name="src" value="http://yoursite.com/.swf?loc=http://yoursite.com/espn3.mp4&amp;autoSubs=true&amp;subs=http://yoursite.com/SpanNE.xml&amp;bgImg=http://yoursite.com/images/backgroundImage.jpg&amp;color=0xFF0000" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="578" height="422" src="http://yoursite.com/.swf?loc=http://yoursite.com/espn3.mp4&amp;autoSubs=true&amp;subs=http://yoursite.com/SpanNE.xml&amp;bgImg=http://yoursite.com/images/backgroundImage.jpg&amp;color=0xFF0000" wmode="transparent" allowscriptaccess="sameDomain" allowfullscreen="true" quality="high"></embed></object>

Note: All changes must be made in BOTH the <object> tag AND the <embed> tag.
Note 2: Exact http paths are encouraged, and with the video you are calling it is required. If something isn’t working, check that you are using exact paths and not relative paths.

The location of the movie player SWF is defined in the object tag <param name=”movie”> as the first path in the value parameter. It is ALSO located in the <embed> tag src parameter as the first path declared. In this example it is

<param name="movie" value="http://yoursite.com/globalPlayerFree.swf ...
and
<embed src="http://yoursite.com/globalPlayerFree.swf ...

For the cleanest picture possible, one of the first things you want to do is to declare the width and height of the player to match the dimensions of your video. Be sure to ad 20 to the height of the video for the loading bar below the movie!

Variables:

All variables are optional, but if you don’t at least have the location to the movie path declared, then your movie won’t show.

After the wideoplayer path, you will see a question mark (?) that begins the variables that are passed to the movie player. Each variable is separated with the (&) symbol, and will have the name of the variable followed by an equals (=) sign. e.g. loc=http://www.yoursite.com/yourMovie.flv

loc=http://www.yoursite.com/yourMovie.flv

loc= is the exact (not relative) http path to the video you would like to play.

autoSubs=true

autoSubs= will declare weather your movie will automatically play the subtitles. Values are either true or false, the default being false.

subs=http://yoursite.com/SpanNE.xml

subs= is the path to the subtitle XML file that was provided to you. Exact path is encouraged, though relative will work.

bgImg=http://yoursite.com/images/backgroundImage.jpg

bgImg= is a path to a background image you would like to display in the background before your movie plays. Use a JPG, PNG, or GIF file only. Try to keep the image the same size as your movie for best results. The default is a black background.

color=0xFF0000

color= will be the color of your loading bar hex color of your loading bar, to match your site’s color scheme if desired. Default is green.