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"
});

Paramètres attendu : 
1 : videoContainer : Conteneur (obligatoire)
2 : clicUrl : clickTag sur la video (optionnel)
3 : urlMp4 : url de la video mp4 (obligatoire)
4 : urlWebM : url de la video webM(optional)
3 : cssStyle :Propriétés css du lecteur. (optionnel) exemple : "color:red;border:solid 1px;..."  (optionnel)
4 : showControls : true/false (optionnel)
5 : autoPlay : true/false (optionnel)
6 : sound  : true/false (optionnel)
7 : lightControls : true/false (optionnel) afficher les contrôles personnalisés
8 : controlsStyle : Propriétés css du light controls. exempl : "color:red;border:solid 1px;...." (optionnel)



var video = new ADventori.Video({
	videoContainer : document.getElementById('ADventori_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;"
});

Résultat :

Télécharger l’exemple

Télécharger l’exemple