Example 11 - Using custom region declarations

Loading the player ...

The configuration for this example is:


<script type="text/javascript">jwplayer("container").setup({
       flashplayer: "", 
       file: "http://streaming.openvideoads.org:81/shows/the-black-hole.mp4",
       image: "http://static.openvideoads.org/shows/the-black-hole-thumbnail.png",
       duration: 40,
       'controlbar.position': 'over',
       plugins: {
           "../../../../dist/swf/ova-jw.swf": { 
              "debug": {
                  "levels": "fatal, config, vast_template, vpaid, http_calls, playlist, api"
              },

              "regions": {
                "declarations": [
                    {
                        "id": "bottom-center",
                        "verticalAlign": "bottom",
                        "horizontalAlign": "center",
                        "backgroundColor": "#000000",
                        "opacity": 0.8,
                        "borderRadius": 15,
                        "padding": "-10 -10 -10 -10",
                        "width": 450,
                        "height": 50
                    },
                    {
                        "id": "bottom-left",
                        "verticalAlign": "bottom",
                        "horizontalAlign": "left",
                        "backgroundColor": "#000000",
                        "opacity": 0.8,
                        "borderRadius": 15,
                        "padding": "-10 -10 -10 -10",
                        "width": 450,
                        "height": 50
                    },
                    {
                        "id": "bottom-right",
                        "verticalAlign": "bottom",
                        "horizontalAlign": "right",
                        "backgroundColor": "#000000",
                        "opacity": 0.8,
                        "borderRadius": 15,
                        "padding": "-10 -10 -10 -10",
                        "width": 450,
                        "height": 50
                    },
                    {
                        "id": "screen-center",
                        "verticalAlign": "center",
                        "horizontalAlign": "center",
                        "backgroundColor": "#000000",
                        "opacity": 0.8,
                        "borderRadius": 15,
                        "padding": "-10 -10 -10 -10",
                        "width": 450,
                        "height": 50
                    },
                    {
                        "id": "top-center",
                        "verticalAlign": "top",
                        "horizontalAlign": "center",
                        "backgroundColor": "#000000",
                        "opacity": 0.8,
                        "borderRadius": 15,
                        "padding": "-10 -10 -10 -10",
                        "width": 450,
                        "height": 50
                    }
                ]
              },

              "ads": {
                 "overlays": {
                     "keepVisibleAfterClick": true
                 },
                 "servers": [
                     {
                        "type": "OpenX",
                        "apiAddress": "http://openx.openvideoads.org/openx/www/delivery/fc.php",
                        "allowAdRepetition": true
                     }
                 ],
                 "schedule": [
                    {   "zone": "30",
                        "region": "bottom-center",
                        "width": 450,
                        "height": 50,
                        "startTime": "00:00:02",
                        "duration": "5"
                    },
                    {   "zone": "41",
                        "region": "bottom-left",
                        "width": 450,
                        "height": 50,
                        "startTime": "00:00:08",
                        "duration": "5"
                    },
                    {   "zone": "30",
                        "region": "bottom-right",
                        "width": 450,
                        "height": 50,
                        "startTime": "00:00:14",
                        "duration": "5"
                    },
                    {   "zone": "41",
                        "region": "screen-center",
                        "width": 450,
                        "height": 50,
                        "startTime": "00:00:20",
                        "duration": "5"
                    },
                    {   "zone": "30",
                        "region": "top-center",
                        "width": 450,
                        "height": 50,
                        "startTime": "00:00:26",
                        "duration": "5"
                    }
                ]
              }
           }
       },
       height: 360,
       width: 520
});
</script>