How to remove ad countdown timer in google-ima SDK?

Question

I'm using video.js and videojs-ima plugin in order to create ad pre-rolls on videos, however; Google's Ads SDK creates an ad countdown timer through the videoAdUi and it appends it through a iframe which means I cannot affect or change the styles within the iframe.

I also found this, but obviously I'm trying to achieve the opposite.

Here's a picture of my problem.

I'm trying to get rid of the Ad: (00:14) and keep the one I already have. Like I've already mentioned, I followed the trail to figure out it was in a iframe with the class of videoAdUiAttribution in a container of videoAdUiBottomBar.

I found this as well, but again. Their documentation isn't the best and I can't seem to find anything that tells me how to go about disabling/hiding it.

Thanks in advance!

Michael Arguin Michael Arguin · Accepted Answer · 2019-04-29T21:33:36

As far as I know the IMA SDK does not allow you to customize the Ad user interface to use your own countdown timer. You can use their API to disable the countdown timer and attribution but doing more than that might violate their Ad Serving Guidelines, at least according to this post on the IMA SDK forum.

Assuming you can get a reference to the adsRenderingSetting object, you should be able to remove the countdown and have it show only the Ad Attribution, I believe, as follows (from the same post above):

 //DISPLAY COUNTDOWN & AD_ATTRIBUTION
  adsRenderingSettings.uiElements = [google.ima.UiElements.AD_ATTRIBUTION, google.ima.UiElements.COUNTDOWN];

  //DISPLAY  ONLY AD_ATTRIBUTION
  adsRenderingSettings.uiElements = [google.ima.UiElements.AD_ATTRIBUTION];

  //THIS DOES NOTHING - IT'S NOT POSSIBLE TO ONLY SHOW THE COUNTDOWN
  adsRenderingSettings.uiElements = [google.ima.UiElements.COUNTDOWN];

How to remove ad countdown timer in google-ima SDK?

1 Answers