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
With these assets you can use vzaar videos in Flowplayer. Please ensure you set your
delivery setting to 'Progressive (HTTP)' as RTMPe delivery is not compatible with Flowplayer.
More info here on the
Flowplayer website.
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>
Where `{id}` is your podcast ID.