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. Put this in your <head> section:

  <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>

CSS ID (Required)
Video Title (optional)
Video URL (YouTube or your own server)
Obscure URL (Makes the Video URL harder to read)
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 (Let 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>
Timed Event Leave blank (or zero) to disable Timed Event.
Minutes Seconds into video to trigger event
Timed Event Code
Replace "buybutton" with your CSS ID. Here's an example:
<div id="buybutton" style="display:none;" align="center"><img src="/images/orange_buynow.png" width="392" height="130" /></div>
 
180,783 page views