Example 11 - Overlay Positioning with Custom Regions

The configuration for this example is:


flowplayer("a.example", "", {
    playlist: [
       {
           url: "",
           duration: 40
       }
    ],
    plugins: {
        rtmp: {
            url: ""
        },
        rtmpInstream: {
            url: ""
        },        
        controls: {
            autoHide: "always"
        },

        ova: {
            url: "",

            "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": "",
                       "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"
                    }
                ]
            },

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