AJOUTER UNE VIDEO

DYNAMISER ET ADAPTER LA TAILLE D’UNE VIDEO

Il est possible de dynamiser la vidéo de votre publicité sans que celle-ci soit déformée, et en gardant son entière visibilité.

Une fois la bannière dynamisée par notre AdServer, la vidéo changera en fonction des paramètres établis (Géolocalisation, météo, date/heure, cookies, retargeting…).

Pour créer une zone vidéo dynamique, ajouter un attribut name unique à votre movieClip.

Pour cela, sélectionner le conteneur (movieClip) choisi et écrire le code suivant:

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(optionnel)
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. exemple : "color:red;border:solid 1px;..." (optionnel)



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,
	lightControls : true,
	controlsStyle : "bottom: 15px;color:white;"
});

Résultat :

Télécharger l’exemple

Télécharger l’exemple