From September, Flash will no longer be supported by Chrome. Prepare for the shift towards HTML5 by visiting our Flash to HTML5 help page

Check it out!

Polite load Ad

Note: Polite load for Mobile Ads has to be implemented in a manual way. Polite load feature in Adform platform doesn't work for Mobile/MRAID banners!

 

Below is an example on how this could be achieved with a simple code snippet. First we need to wrap elements to initial div:

<div id="politeImg" style="opacity: 1; position: absolute; width:100%; height:100%; background-image: url('assets/politeImage.png'); background-size: contain;"></div>
<!-- initial div with polite image set as background - opacity:1; -->
<div id="content" style="opacity: 0;">
   <!-- hiding heavy content - opacity:0; -->
   <video id="video" poster="assets/poster.png" controls>
      <source src="some_video_from_asset.mp4" type="video/mp4">
   </video>
</div>

 Then we add an EventListener:

<script>
 document.addEventListener("DOMContentLoaded", function() {     //waiting for all banner content to be loaded

   //polite start
   var politeImg = document.getElementById("politeImg");      //assigning polite div
   var content = document.getElementById("content");          //assigning main div
      window.setTimeout(function(){                              //setting fake time out to display politeness 
       politeImg.style.opacity = 0;                           //hiding polite div
       content.style.opacity = 1;                             //displaying main div
      }, 2000);                                             //fake timeout - 2000msec
   //polite end
  //...user code...
 });

</script>

 Example source download: 320x250