Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

/

Implementing OVA with JW Player (Clip Bucket)

35 replies [Last post]
Reply

I am using clip bucket for my video site, I also have a video section on my Joomla site, along with that I use openx to serve ads to the site. I recently implemented the openx video plugin and I would like to use OVA to serve ads to my player, however instead of playing for a one year license, I would like to use OVA to serve the video ads. Could I get some assistance with this? I am a novice to the framework, so right now, everything appears to jibberish. may with some better explanation I would be able to do.

Reply

Hi Delroy,

I'll be happy to help.

Let's start from the top.

Do you have a page running with just the JW Player installed? If I can see that, then I can tell you what to add to get the OpenX pre-rolls served. If you have a URL that will get things started?

Can I also check the version of JW Player you are running - is it 5.8 and are you using the JW Embedder based approached to setup the player?

Paul

Reply

Paul,
I have a clipbucket version of the lastest JW Player you can see it here: http://yaadtube.fiweh.com/watch_video.php?v=SXRAO58M8B5M. The version is 5.8.

Reply

Hi Delroy,

Looking at your page, it's not going to be straight forward unfortunately. There is a bit of code in that page that reacts based on the player events:

<!-- Events And JS Api -->
events:{
onComplete:function()
{
if(next_item)
{
if($.cookie('auto_play_playlist'))
window.location = next_item;
}
}
}

If you add OVA into the setup what will happen is that bit of code will also be executed and I'm not sure if that will impact you or not... but it means that the ad will play and then the next playlist item will be triggered via that 'onComplete' code.

So the bottom line is that I think that the player setup code needs to be modified slightly to ensure that the onComplete code does not process if OVA clips are played (e.g. by adding a check into the code to see if the onComplete has been fired because an OVA clip played).

The other option is that OVA and the player can be configured in "playlist" mode and that probably gets around the 'onComplete' issue, but will have other consequences (such as the playlist back/next buttons appearing which you probably don't want either).

Are you able to directly modify the code in that page or does that have to be done by the ClipBucket guys?

If you can't modify the Javascript code directly, then you'll need to ask the ClipBucket team for a bit of help on this.

It's easy to add OVA if you are able to modify the Javascript code, but if that's not something you know how to do, then it will be a lot more difficult ;)

If it helps, ask the ClipBucket team to contact me on enquiries@openvideoads.org and I can help directly and it will be a quick thing to do ...

Paul

Reply

Paul,
I can modify the code if necessary. All I would need is for you to tell me what I need do. I could provide the setup and you can tell me what I have to do in order to do it.

Reply

Ok, so all you need to do is the following:

1. Grab the RC5 SWF from the OVA Developer site - register at http://developer.longtailvideo.com/ova and then download the OVA for JW5 SWF from the "Download the Latest" page.

2. See this example for an illustration of a simple pre-roll served by OpenX - that will give you your basic setup for a static ad tag:

http://static.openvideoads.org/qa/rc6-13/ova.jwplayer.5x/examples/pages/setup/jw-embedder.html

3. If you don't have a static ad tag to serve your pre-roll and want OVA to form the OpenX request, then here's an example config of that in action:

http://static.openvideoads.org/qa/rc6-13/ova.jwplayer.5x/examples/pages/ad-formats/http/example02.ht...

That should get you on your way - yell out if you have any issues...

Paul

Reply

Paul thank you very much, but after downloading the file, I am still lost on what I should actually do with it. The examples don't really give me instructions, could you help with this?

Reply

Ok, assuming you know how to modify the player on your page to add in a new plugin, what you need to do is:

1. Load up the SWF onto your server

2. Add in a new JW plugin which is the OVA plugin

3. Create the OVA plugin config as per the examples, but replace the URLs for OpenX with your actual OpenX server.

You have a video ad setup in your OpenX instance - right? If you send over the zone that you've assigned to the video ad and your OpenX address then I can create an example showing it running.. that may help simplify things for you...

Paul

Reply

Zoneid=4 and openx url: http://www.fiweh4lf.net/ads

Reply

Hi,

This is the example setup you need, but obviously replace the references to files on my QA server with the file locations on your server:

<script type="text/javascript">jwplayer("container").setup({
'flashplayer': "http://static.openvideoads.org/qa/latest/ova.jwplayer.5x/dist/swf/5.7.swf",
'width': 480,
'height': 360,
'controlbar.position': 'bottom',
'file': 'http://streaming.openvideoads.org:81/shows/the-black-hole.mp4',
'duration': 60,
'plugins': {
    'http://static.openvideoads.org/qa/latest/ova.jwplayer.5x/dist/swf/ova-jw.swf': {
        "debug": { "levels": "fatal, config, vast_template, http_calls" },
        "ads": {
            "servers": [
                {
                  "type": "OpenX",
                  "apiAddress": "http://www.fiweh4lf.net/ads"
                }
            ],
            "schedule": [
               {
                  "zone": "4",
                  "position": "pre-roll"
               }
            ]
        }
    }
}
});
</script>

However, that setup does not actually run. You don't seem to have a "crossdomain.xml" file setup on your OpenX instance, so when the Flash player talks to your OpenX instance, it throws a security exception.

The security exception looks like this:

23:28:53 GMT+0000 VideoAdServingTemplate: Load error: [SecurityErrorEvent type="securityError" bubbles=false cancelable=false eventPhase=2 text="Error #2048: Security sandbox violation: http://static.openvideoads.org/qa/latest/ova.jwplayer.5x/dist/swf/ova-jw.swf cannot load data from http://www.fiweh4lf.net/ads?script=bannerTypeHtml:vastInlineBannerTypeHtml:vastInlineHtml&zones=pre-roll:0.0-0%3D4&nz=1&source=&r=R0.20138233387842774&block=1&format=vast&charset=UTF-8."]

You need to setup a crossdomain.xml file in your OpenX webserver docroot. Here's a guide on setting up a crossdomain.xml file:

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12541/crossdomain-file-loading...

And you can see my crossdomain.xml file here - http://openx.openvideoads.org/crossdomain.xml

Paul

Reply

I didn't purchase the license for the OVA plugin for JW Player, will I need it in order to implement the video add streamer?

Reply

Hi,

Ultimately to run it on a commercial site, yes... but you can test and develop freely without buying a license.. once you are happy that it's working as you need, then you should purchase a license...

Paul

Reply

Help me out then. I uploaded the dist folder to http://yaadtube.fiweh.com and it has three sample files. I want to create a blank html file and use it for my configuration.

Reply

Hi,

Ok, to start with, just copy and paste the working setup I gave you above.. and make sure you see that working on your page.

I still notice that your crossdomain.xml file isn't right, so you will get a security exception running that setup.

Your crossdomain.xml file needs to be accessible on the following path - http://www.fiweh4lf.net/crossdomain.xml - I think you have it in http://www.fiweh4lf.net/ads/crossdomain.xml at the moment so make sure you move that file as well.

Once you have that setup I gave you running, then change the URLs for the player and the OVA swf and supporting Javascript files to point to the files you have on your server...

Paul

Reply

I got a question about the APIAddress, does it have to be an FC.php file or does the url http://www.fiweh4lf.net/ads is sufficient?

Reply

I follow all instructions, however the ads didn't serve. the APIaddress was corrected to the right now.. I am thinking though, when I look into the /public_html/ads/plugins/deliveryLog/vastServeVideoPlayer directory, I only see the flowplayer but no JWPlayer.. where can I find the files needed to install the JW player Ad Streamer Plugin..

Reply

Hi,

You seem quite confused. There are two different products that are being talked about in this thread:

1. The OpenX Video Ads plugin that is something owned and created by OpenX (not Longtail Video/JW Player)

2. The OVA plugin for Flowplayer and JW Plugin (the software serviced by this site)

You seem to be talking about setting up the OpenX Video Ads plugin. If that's the case, then you need to refer to the OpenX video ads plugin documentation found on the OpenX site. Searching via Google, the following documentation looks relevant:

http://www.openx.com/docs/2.8/userguide/banners+video+ads

Finally, there is some documentation available on the OVA site that shows you how to configure OVA to use with OpenX. You can find that here:

http://www.longtailvideo.com/support/open-video-ads/13058/openx-ova-configuration-guide

And there is other documentation on the setup of OVA here:

http://www.longtailvideo.com/support/open-video-ads

It's worth reading all that documentation to start with...

Paul

Reply

how do I test my stream?

Reply

The easiest way to test everything is to load up a short ad clip into your OpenX instance, assign it to a zone, then configure OVA in your JW Player to play that zone as a pre-roll (as per the OVA setup above).

If you want a few example ad streams to use for testing, you can find some here:

http://www.longtailvideo.com/support/open-video-ads/13051/test-video-ad-streams-overlays-and-compani...

Paul

Reply

Paul I got OVA to work with Flowplayer but not with JW Player base on the instructions I read, the only player I have available in my openx is Flowplayer. I want to add the JW Player but I'm not sure which files to upload.

Reply

Paul I got to work. Both players play video ads served by OVA. Thank you for your assistance. Only thing I have to do now is do what I initially wanted to do.

Reply

Paul,
Its been several weeks now and I am happy with how OVA was implemented using JWPlayer. My initially task was to implement it using CB Player a JWPlayer based player.

If you can help me figure out how to modify the code in order to get JW Player to work that would be great. I do have the access to all the files and I can make changes when necessary so that is not an issue.

Tell me what you would need to know in order to assist.

Reply

Hi,

Can we start by finding out what version the CB player is - if you right click on the player screen, what shows (version number etc.) in the player menu?

That will help tell me how best to configure OVA...

Paul

Reply

I am using CB Player 1.0 which is base off JW Player 5.8.

Reply

Ok, that's great.. so what happens if you just configure it using the JW Embedder style approach? e.g. a config like:

http://static.openvideoads.org/qa/latest/ova.jwplayer.5x/examples/pages/setup/jw-embedder.html

?

Paul

Reply

i'm not sure if this is going to work. Could I send you a copy of the player files?

Reply

ok, send them to enquiries@openvideoads.org...

Paul

Reply

I send you the files.

Reply

Hi, thanks for sending the package.

Ok, so after looking at the files, it's very straight forward.

Clip bucket just uses the standard JW Player. It looks to be JW5.7 which is great.

The OVA plugin is in a "plugins" directory, and the current setup code looks to set it up using an external configuration file called "vid_ads.xml".

The version of OVA in the "plugins" directory is the old 0.4.4 build. You need to replace that "ova.swf" with the new RC7 "ova-jw.swf" file from the OVA developer site.

Once you have the new "ova-jw.swf" file in the plugins directory, just modify the "embed_player.php" file to either:

1) Reference the "ova-jw.swf" file rather than "ova.swf" and use the external OVA configuration file that they have already, or

2) Change the code so that it uses the JW Embedder setup and setup the player accordingly

Hope this helps...

Paul

Reply

Im the one who added the oVA configuration. and I haven't been able to get it to work with the current configuration I got. I downloaded the ova-jw.swf file and replace the code in player file and it did not make a difference.

Reply

Ok, it's almost impossible to be able to tell without seeing something running...

Have you done the obvious things and check that the files are loading? (e.g. does the config file get loaded, the OVA swf etc.)?

Also, what are you seeing in the Javascript console if OVA is loading (e.g. what is the debug output from OVA?)

Paul

Reply

honestly I'm a novice at this..not sure how to view the debug or check to see if they load.. the only option I could try is to see if the CB player can work as a stand alone player and try to config it that way.. unless u have a better way..

Reply

Hi.. the easiest thing would be to give me a URL that I can see and I'll help debug... if that's not possible, I'll have to try and talk you through it...

Paul

Reply
Reply

Hi,

Great - thanks for the link - that helps.

Ok, here's what I see...

The OVA debug is saying:

20:32:05 GMT+0000 Debuggable: OVA for JW 5.x - v1.0.0 RC6 (build 13) - player is 5.7.1896 (Licensed version)
20:32:05 GMT+0000 Debuggable: No OVA configuration provided - ad streamer will not be capable of playing any ads

Which on the one hand is great because the SWF is correctly loading - but the config isn't.

Looking at your code, I see you have this config setup for OVA:

'http://yaadtube.fiweh.com/player/cbplayer/plugins/ova/ova-jw.swf':
{
      config:'http://yaadtube.fiweh.com/player/cbplayer/ads/vid_ads.xml'

},

While that is a nice idea, it's not a valid OVA config. The "config" variable is a JW Player variable, not an OVA variable, so you need to have that specified outside of the OVA JSON block... so something like:

config: 'http://yaadtube.fiweh.com/player/cbplayer/ads/vid_ads.xml',
plugins: {
     ....
    'http://yaadtube.fiweh.com/player/cbplayer/plugins/ova/ova-jw.swf': {
    },
    ....
}

Then the external config file should load...

Paul

Reply

Paul, you were right about the configuration. It is now working perfectly. Thank you very much..

Post new comment

  • Allowed HTML tags: <code> <blockquote> <em> <strong> <strike> <ul> <li> <ol>
  • You may post code using <code>...</code> .
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options