Tom's JW Player 5 Video Code Generator

This code generator creates the embed code for use with the LongTail Video JW Player 5. I highly recommend purchasing this player as it supports with Flash and HTML 5. LongTail Video has a setup wizard here. The LongTail wizard is more complete. This generator is pretty simple. I like to add extra things like a download link for the video file.

NOTE: You need to have this code in your HTML <head> section:

<script type='text/javascript' src='jwplayer.js'></script>

I added a few CSS ID's to help you style your page.

  <style>
    #vid-player {margin: 15px 0 50px;}  /* Overall container */
    #vid-title {padding: 10px; font-size: 20pt;font-weight:bold;}  /* Video title */
    #vid-download {padding: 10px; font-size: 13pt;}  /* The download text */
    #vid-download a {background-color:#ffff66;}  /* The download anchor tag */
    #vid-extra a, #vid-extra{font-size: 13pt; padding: 5px;}  /* Extra text CSS */
  </style>

attributes.

Video CSS ID

(Required)

Video Title

(optional)

Video URL

(YouTube or your own web server

Obscure Video URL

(Makes the Video URL harder to read) NEW!

Dimensions

px wide x px high (More calculations...)

4:3 Ratio: (470x320, 600x480, 800x600, 960x720)

16:9 Ratio: (470x264, 560x315, 800x450, 960x540, 1280x720, 1920x1080)

Auto Start

(Start playing when video loads)

Skin

(Example: /skins/stormtrooper/stormtrooper.zip Get skins here
NOTE: Skinned previews will not work on my server. Test on your server.)

Image URL

(optional)

Plugins

clear (NOTE: These are only free for non-commercial use)
Viral Google Analytics Google +1 Facebook Twitter Reddit Delicious

Allow Download

(Ths lets visitors download the video file. Make sure you fill in the video file size. This does not work for YouTube videos!)

Video FileSize

(ex 60.5 MB)

Redirect Message

What to say after the video completes playing

Redirect URL

(Where to redirect to after video finishes playing)

Viral Link URL

(Viral plugin must be enabled)

Control Bar

(NOTE: If you choose "None", make sure your video is set to Auto Start!

Extra Variables

Example: 'dock':'false', (don't forget to put a comma after each pair and use single quotes around each variable)

Display Extra Text

Example: <a href="http://www.mydomain.com/video/1234">Watch the next video here</a>

1,692 page views

Follow me on Twitter. I tweet about the Euro/USD and
Economic News related for traders.