How to serve Video ad using HTML5?.

How to serve Video ad using HTML5?

There are different types of videos ads?. Depends on the requirement and site layout, each publisher using these ads.

  1. Instream Video Ad
  2. Outstream Video Ad
  3. InBanner Video Ad

1.Instream Ad

Video ad which runs before the video content hosted on the site. Either it may be preroll, midroll and postroll. So instream ad requires external video players to serve ad.

External Video player examples: (JW player, Ooyala, Brightcove, Flowplayer, etc)

What required to serve these ads?

VAST tag needs to be configured in external video player.

Preroll

Ad which plays before the video content starts

Midroll

Ad which plays between the video content.

Postroll

Ad which plays after the video content ends.

2.Outstream Video Ad

Video ad plays between the  contents when user scrolls  an page while reading article. Some people call this format as native video ads. This does not require any external video player.

What required to serve these ads?

Custom creative code needs to be build for these ad. Which is available in many third party vendors like Appnexus, taboola, etc

3.InBanner Video Ad

Video ads which are serving directly on the standard  banner location. This does not require external video player.

What required to serve these ads?

Simple HTML5 code enough to serve this ad.

Sample code:
<!DOCTYPE html> 
<html> 
<body>

<video width="400" height="300" controls autoplay>
<source src="Samplevideo.mp4" type="video/mp4">
</video>

</body> 
</html>

 

Note: If you do not want controls or autoplay in the video remove from the code(video tag).

Thank You.