Example 12 - Delivering HTML Overlay Ads

This example delivers a HTML overlay at the bottom of the player screen 5 seconds into the stream for a duration of 10 seconds. A second 'click to play' video overlay follows 5 seconds later. This example uses the reserved region "reserved-bottom-w450px-h50px-000000-o50" to serve the HTML overlays. Notice no sizing information is required for HTML ads.

A COMPANION ADVERTISEMENT WILL APPEAR IN HERE

The configuration for this example is:


flowplayer("a.example", "", {
    plugins: {
        rtmp: {
            url: ""
        },
        rtmpInstream: {
            url: ""
        },
        controls: {
            autoHide: "always"
        },

        ova: {
            url: "",

            "shows": {
                "streams": [
                   {
                       "file": "",
                       "duration":"00:00:35"
                   }
                ]
            },

            "ads": {
                "servers": [
                    {
                        "type": "OpenX",
                        "apiAddress": ""
                    }
                ],
                "companions": {
                   "regions": [
                      { "id":"companion", "width":"150", "height":"360" }
                   ]
                },
                "schedule": [
                    {
                        "zone": "31",
                        "startTime": "00:00:05",
                        "duration": "10"
                    },
                    {
                        "zone": "40",
                        "startTime": "00:00:20",
                        "duration": "10"
                    }
                ],
            },

            "debug": {
                "levels": ""
            }
        }
    }
});