var pbjs = pbjs || {};
      pbjs.que = pbjs.que || [];

      // The ad tag in Flowplayer can be actual ad tag or promise to an ad tag.
      // We return the ad tag if it is available before the player is ready to play
      // Otherwise the player waits for 2 secs for tag to be available.
      var adtag = null
      var timeout = 2000
      var asyncTag = function() {
        if (adtag) return Promise.resolve(adtag)

        return new Promise(function (resolve) {
          setTimeout(function() {
            resolve(adtag)
          }, timeout)
        })
      }

      /*
       Prebid Video adUnit
       */

      var videoAdUnit = {
        code: 'video1',
        sizes: [640,480],
        mediaTypes: {
          video: {
            context: "instream"
          }
        },
        bids: [
          {
            bidder: 'appnexus',
            params: {
              placementId: '13232361', // Add your own placement id here
              video: {
                skipppable: true,
                playback_method: ['auto_play_sound_off']
              }
            }
          }
        ]
      };

      pbjs.que.push(function(){
        pbjs.addAdUnits(videoAdUnit); // add your ad units to the bid request

        pbjs.setConfig({
          debug: true,
          cache: {
            url: 'https://prebid.adnxs.com/pbc/v1/cache'
          }
        });

        pbjs.requestBids({
          bidsBackHandler: function(bids) {
            var videoUrl = pbjs.adServers.dfp.buildVideoUrl({
              adUnit: videoAdUnit,
              params: {
                iu: '/19968336/prebid_cache_video_adunit',
                cust_params: {
                  section: "blog",
                  anotherKey: "anotherValue"
                },
                output: "vast"
              }
            });
            adtag = videoUrl;
          }
        });
      });
        
var player = flowplayer('#player', { 
  src: "//edge.flowplayer.org/drive.mp4",
  title: "Flowplayer demo",
  description: "Demo showing ads",
  ima: {
    ads: [
      {"time":0,"adTag":asyncTag}
    ]
  },                 
  token:"eyJraWQiOiJ0QTB3ZXhqODhrUHciLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCJ0QTB3ZXhqODhrUHdcIixcImRvbWFpblwiOltcInMuY29kZXBlbi5pb1wiXX0iLCJpc3MiOiJGbG93cGxheWVyIn0.PB25ufW_Kuuf7otErbIK50Q8N73TbP5F8qeCBUbJNqiq81yxjbLUgYkdkyNSRosGRAlkbTmtEUGp8KykRIXzig"
})

var btn = document.querySelector('#ad-toggle');

btn.addEventListener('click', function() {
  if (player.ads.adPlaying) player.ads.pause();
  else player.ads.resume();
})

function toggleDisabled(disabled) {
  return function() { btn.disabled = disabled }
}

player.ads.on(flowplayer.AdEvents.AD_STARTED, toggleDisabled(false));
player.ads.on(flowplayer.AdEvents.AD_COMPLETED, toggleDisabled(true));
player.ads.on(flowplayer.AdEvents.AD_SKIPPED, toggleDisabled(true));