---
title: THEOplayer | Demo | Adblock detection
description: Change the THEOplayer default player UI with custom CSS.
---

  

[![THEOplayer](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/navbar-brand.svg "THEOplayer")](https://www.theoplayer.com)

- [Solutions](https://www.theoplayer.com/solutions/html5-video-player)
- Insights
- [Developers](https://support.theoplayer.com/)

[![THEOplayer](https://demo.theoplayer.com/hs-fs/hubfs/THEO_Player_Apr_2016_File/Images/navbar-brand-small.png?width=63&name=navbar-brand-small.png "THEOplayer") ](https://www.theoplayer.com)

- [Solutions](https://www.theoplayer.com/solutions/html5-video-player)
- Insights
- [Developers](https://support.theoplayer.com/)

# THEOplayer Demo: adblock detection

This page demonstrates how you can handle adblockers. There are several options available:

- You can block the player from playing the content and/or
- You can show custom behaviour

Block player if ad could not be played   
(the player source will be reset)

We noticed you are probably using an adblocker.

Please turn it off if you want to enjoy our content.

 

JavaScript code:

```
// set player
var element = document.querySelector('#video-container'),
    player = new THEOplayer.Player(element, {
        libraryLocation : 'https://cdn.theoplayer.com/dash/theoplayer/', 
        license: ''
    });

// add an eventlistener to get custom behavior if there is an ad error
player.ads.addEventListener('aderror', function (event) {
    // do something
});

// set the player source with ads and the blockContentIfAdError property
player.source = {
    sources: {
        src: 'https://cdn.theoplayer.com/video/big_buck_bunny/big_buck_bunny.m3u8'
    },
    ads: [{
        sources: 'https://pubads.g.doubleclick.net/gampad/ads?iu=/21775744923/external/single_ad_samples&sz=640x480&cust_params=sample_ct%3Dlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&output=vast&unviewed_position_start=1&env=vp&impl=s&correlator='    
    }],
    // set this to true if you want to block the content
    // default value is false
    blockContentIfAdError: true
}
```

 

- [Blog](https://www.theoplayer.com/blog)
- [Support](https://support.theoplayer.com/hc)

[![Twitter](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/twitterYellow.png)](https://twitter.com/THEO_player) [![Facebook](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/facebookYellow.png)](https://www.facebook.com/THEOplayer1) [![LinkedIn](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/linkedinYellow.png)](https://www.linkedin.com/company/theoplayer)

![THEOplayer](https://demo.theoplayer.com/hubfs/THEO_Player_Apr_2016_File/Images/footer-brand.png) ©2016   
THEOplayer

1B Kolonel Begaultlaan, 3rd floor Leuven 3012, Belgium (HQ)

1177 Avenue of the Americas, 7th floor New York, NY 10036, USA

620 Davis Street, San Francisco, CA 94111, USA