HTML5 Video Ad
https://www.adspeed.com/Ad-Gallery/HTML5-Video-Ad-1576.html
In this second example, the video ad only plays on mouse over and pause when the mouse is out of the ad area.
Additionally, you can add tracking events that are recorded into ad server with tracking pixels. Here is a demo with code:
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. 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 DemoCreate 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.
1
2
3
4
5
| < video width = "300" height = "250" fullscreen = "false" webkit-playsinline controls autoplay muted poster = "http://example.com/thumbnail.gif" > </ video > </ a > |
1
2
3
4
5
6
7
8
9
10
11
12
13
| < div onmouseover = "playVideo()" onmouseout = "pauseVideo()" > < video id = "sample-autoplay-video" width = "640" height = "360" fullscreen = "false" webkit-playsinline controls> </ 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 > |
Video Player Options
There are a number of customizable options you can use:autoplay
: starts playing the video as soon as it is readycontrols
: displays control buttons like Play, Pauseloop
: repeats the video after it is finishedmuted
: disables soundposter
: displays an image as thumbnail
Comments
Post a Comment