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 !!!!

*The information contained in this post is for general information purposes only. The information is provided by How to create Inbanner video in HTML5? and while we endeavor to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the post for any purpose.

Enable Notifications.    Ok No thanks