Example 8 - Hiding the controlbar during linear ad stream playback

Loading the player ...

The configuration for this example is:


<script type="text/javascript">jwplayer("container").setup({
       flashplayer: "", 

       playlist: [
           { file: "http://streaming.openvideoads.org:81/shows/the-black-hole.mp4", duration: 10 },
           { file: "http://streaming.openvideoads.org/shows/bbb-640x360.mp4", duration: 11 },
           { file: "mp4:the-black-hole.mp4", streamer: "rtmp://ne7c0nwbit.rtmphost.com/videoplayer", duration: 12 }
       ],

       'controlbar.position':'over',

       events: {
           onPlaylistItem: function(event) {
              var clip = jwplayer("container").getPlaylistItem(event.index);
              if(clip != null) {
                 if(clip["ovaAd"] == true) {
                    jwplayer("container").getPlugin("controlbar").hide();
                 }
                 else jwplayer("container").getPlugin("controlbar").show();
              }
           }
       },

       plugins: {
           "../../../dist/swf/ova-jw.swf": { 
               "delayAdRequestUntilPlay": true,

               "overlays": {
                   "stagePaddingBottomNoControls": 4
               },

               "debug": { 
                   "levels": "fatal, config, vast_template, vpaid, http_calls, playlist, api" 
               },
               
               "ads": {
                   "holdingClipUrl": "http://static.openvideoads.org/ads/blank/blank.flv",
                   "schedule": [
                       {
                          "position": "pre-roll",
                          "loadOnDemand": true,
                          "tag": "http://openx.openvideoads.org/openx/www/delivery/fc.php?
                                  script=bannerTypeHtml:vastInlineBannerTypeHtml:vastInlineHtml&
                                  zones=pre-roll0-0%3D5&nz=1&source=&r=R0.8062691302038729&
                                  block=1&format=vast&charset=UTF-8"
                       }
                   ]
               }
           }
       },
       height: 300,
       width: 450
});
</script>