Help Center Ad Gallery

HTML5 Video Ad

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 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>
<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. Displaying controls can interfere with ad clicking
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: