Help Center Ad Gallery

HTML5 Video Ad

video advertising HTML5 introduces the new <video> tag that allows easy integration and display of videos, including video ads. This tag is used to display a stand-alone video ad and you can link it to any standard zone to mix with other image banner ads. You can also set it up as an out-stream video ad for a more dynamic presentation. On the other hand, if you want to display a VAST-compliant video ad (pre-roll, mid-roll, post-roll, overlay and companion), please see our solution for VAST video advertising.

Demo

HTML5 Video Ad Demo

Create a HTML5 Video Ad

  • Click the menu "Ads / Create a new ad"
  • Choose the ad type to be Rich-Media/HTML ad
  • Enter the HTML code with the <video> tag
  • Check the box "Automatically try to process rich-media/HTML code to track clicks" to enable click tracking. Impression tracking is always enabled.

Sample Video Ad Code

In this first example, the video ad will auto play without any sound.
<a href="https://example.com/">
<video width="300" height="250" fullscreen="false" webkit-playsinline controls autoplay muted poster="http://example.com/thumbnail.gif">
<source src="https://www.adspeed.com/mp4/big_buck_bunny.mp4" type="video/mp4">
</video>
</a>
In this second example, the video ad only plays on mouse over and pause when the mouse is out of the ad area.
<a href="https://example.com/">
<div onmouseover="playVideo()" onmouseout="pauseVideo()"> 
<video id="sample-autoplay-video" width="640" height="360" fullscreen="false" webkit-playsinline controls>
<source src="https://www.adspeed.com/mp4/big_buck_bunny.mp4" type="video/mp4">
</video>
</div>
</a>

<script type="text/javascript"> 
  var myVideo=document.getElementById("sample-autoplay-video"); 
  function pauseVideo() { myVideo.pause(); }
  function playVideo() { if (myVideo.paused) { myVideo.play(); } }
</script>
Additionally, you can add tracking events that are recorded into ad server with tracking pixels. Here is a demo with code:

Demo: HTML5 Video with Tracking Events

Video Player Options

There are a number of customizable options you can use:
  • autoplay: starts playing the video as soon as it is ready
  • controls: displays control buttons like Play, Pause
  • loop: repeats the video after it is finished
  • muted: disables sound
  • poster: displays an image as thumbnail

Sample Video Ad URLs

Below are some sample MP4 video ads for testing and troubleshooting:
Print Was this helpful? Yes / No

Other Articles in Ad Gallery

This section provides demo, sample and instructions for the most common and popular ad creative templates. Click on a template link to view the description, demo and instructions to create in the ad server, customize it to suite your purpose and integrate the ad with your platform.

Cannot find an answer for your question? Ask our Customer Care team

Related