How to create Inbanner video in HTML5?

Most of the publishers would like to show video ads on the standard ad slots like 300×250 or 300×600 ad spot. But few of them does not know how to use that.

Commonly using mistake in showing Inbanner Videos.

As seeing, many of them creating video line items in Google ad manager and targeting the 300×250 ad slot. This will not works at all.

How to serve Inbanner video then?

All you need is simple HTML5 code and traffic the code in the custom uploading or third party creative upload in the Google Ad manager.

How Sample code looks like?

<video id="videoclick" width="400" height="300" controls autoplay>
<source src="https://pragmaticwebmedia.com/CustomAssets/sample%20Video.mp4" type="video/mp4">
</video>

<style>
#videoclick { cursor:pointer}
</style>

<script>
document.getElementById("videoclick").onclick = function() {
    window.open("http://www.google.com");
  };
</script>

Copy the above code and use it in your creative tag. Adjust the dimension as required and also add clickTag before the click URL to track clicks for the video.

See the Working implementation here:

Hope this helps !!!!