Third Party Player Integration
To use a third party player with vzaar videos, you will need to use specific urls containing your vzaar video unique ID number.
Whenever you upload a video to vzaar, a unique ID number is for each video. This can be found in the URL field of your browser, for example, video http://app.vzaar.com/videos/1234567 has the id `1234567`
To access the assets for this video construct the url using the following scheme:
view.vzaar.com/{ID number}/{ASSET}
- link to the mp4 video: http://view.vzaar.com/128506/video
- link to the poster frame: http://view.vzaar.com/128506/image
- link to the thumbnail: http://view.vzaar.com/128506/thumb
You can also find the links for these assets in the "advanced video links" section on your video manage pages:
Flowplayer Integration
Long Tail Video Integration (JW Player)
You can also use the JW Player from LongTail Video using the sample code below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>test</title> <script type='text/javascript' src='jwplayer.js'></script> </head> <body> <h1>vzaar JW Player Sample Code</h1> <div id="container">Loading the player ...</div>  <script type="text/javascript"> jwplayer("container").setup( { autostart: true, type: "video", controlbar: "none", file: "http://view.vzaar.com/918833/video", duration: 57, flashplayer: "player.swf", volume: 80, width: 540 }); </script> </body> </html>
You can also use the vzaar podcast feature to supply JW Player's playlist feature. Here is an example:
<script type='text/javascript'> var s1 = new SWFObject('player.swf','ply','782','446','9','#ffffff'); s1.addParam('allowfullscreen','true'); s1.addParam('allowscriptaccess','always'); s1.addParam('wmode','opaque'); s1.addVariable('playlistfile','http://view.vzaar.com/podcasts/{id}'); s1.addVariable('playlist','right'); s1.write('SampleVid'); </script>