ADD VIDEO

DYNAMIZING AND ADAPTING THE SIZE OF A VIDEO

It’s possible to dynamize a video in your ad without it being distorted, and while keeping its full visibility.

Once the banner is activated by our AdServer, the video will change according to the set parameters (geolocation, weather, date / time, cookies, retargeting …).

To create a dynamic video area, add a unique name attribute to your movieClip.

To do so, select the selected movieClip and write the following code:

ADventori.initData({
 url  :"http://adventori.com",
 mp4  :"http://adventori.com/lp/enabler/templates/Wall_Crea/Crea_Video/Video_Outstream/300x250/video/Big.mp4",
 webm :"http://adventori.com/lp/enabler/templates/Wall_Crea/Crea_Video/Video_Outstream/300x250/video/Big.webm"
});

Expected parameters: 
1 : videoContainer : element container
2 : clicUrl : clickTag of video (optionnel)
3 : urlMp4 : url of mp4 video 
4 : urlWebM : url of webM video
3 : cssStyle : Css properties of video player. (optional) Example: "color:red;border:solid 1px;..." 
4 : showControls : true/false (optionnel)
5 : autoPlay : true/false (optionnel)
6 : sound : true/false (optionnel)
7 : lightControls : true/false (optional) view custom controls
8 : controlsStyle : Properties css of the light controls. exampl : "color: red; border: solid 1px;..." (optional)



var video = new ADventori.Video({
	videoContainer : sym.$("video"),
	clicUrl : ADventori.data.url,
	urlMp4  : ADventori.data.mp4,
	urlWebM : ADventori.data.webm,
	cssStyle : "border:solid 1px black;color:black;....",
	autoplay : true,
	showControls : false,
	sound : false,
	lightControls : true
	controlsStyle : "bottom: 15px;color:white;"

});

Result:

Télécharger l’exemple

Download example