The configuration for this example is:
<script type="text/javascript">
jwplayer("container").setup({
flashplayer: "",
playlist: [
{
file: "http://streaming.openvideoads.org/shows/bbb-640x360.mp4",
image: "http://streaming.openvideoads.org/shows/bbb-image.jpg",
'playlist.image': "http://streaming.openvideoads.org/shows/bbb-thumbnail.jpg",
title: "Big Buck Bunny Trailer",
description: "Big Buck Bunny is a short animated film by the Blender Institute.",
duration: 10
}
],
autostart: true,
width: 650,
height: 240,
controlbar: "bottom",
plugins: {
"../../../dist/swf/ova-jw.swf": {
"supportExternalPlaylistLoading": true,
"autoPlayOnExternalLoad": true,
"ads": {
"servers": [
{
"type": "OpenX",
"apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php"
}
],
"notice": { "textStyle": "smalltext" },
"schedule": [
{
"zone": "18",
"position": "pre-roll"
}
]
},
"debug": {
"levels": "fatal, config, vast_template, vpaid, http_calls, playlist, api"
}
}
}
});
function loadClip(clipIndex) {
var clips = [
{
file: "http://streaming.openvideoads.org/shows/bbb-640x360.mp4",
image: "http://streaming.openvideoads.org/shows/bbb-image.jpg",
'playlist.image': "http://streaming.openvideoads.org/shows/bbb-thumbnail.jpg",
title: "Big Buck Bunny Trailer",
description: "Big Buck Bunny is a short animated film by the Blender Institute",
duration: 10
},
{
file: "http://streaming.openvideoads.org/shows/sintel-1024-stereo.mp4",
image: "http://streaming.openvideoads.org/shows/sintel-image.jpg",
'playlist.image': "http://streaming.openvideoads.org/shows/sintel-thumbnail.jpg",
title: "Sintel",
description: "Sintel is a fantasy computer generated short movie.",
duration: 11
},
{
file: "http://streaming.openvideoads.org/shows/the-black-hole.mp4",
image: "http://streaming.openvideoads.org/shows/the-black-hole-thumbnail.png",
'playlist.image': "http://streaming.openvideoads.org/shows/the-black-hole-thumbnail.png",
title: "The Big Black Hole short film.",
description: "Short film by Future Shorts",
duration: 12
}
];
jwplayer("container").load(clips[clipIndex]);
}
</script>
<ul>
<li><a href="#" onclick="loadClip(0);">
Load the "Big Buck Bunny" trailer
</a></li>
<li><a href="#" onclick="loadClip(1);">
Load the "Sintel" trailer
</a></li>
<li><a href="#" onclick="loadClip(2);">
Load the "Black Hole" short film
</a></li>
</ul>