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 (MovieClip)
2 : clicUrl : clickTag sur la video (optionnel)
3 : urlMp4 : url de la video mp4
4 : urlWebM : url de la video webM
3 : cssStyle :Propriétés css du lecteur. (optionnel) exemple : "color:red;border:solid 1px;..." 
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:solid1px;..." (optionnel)




var video = new ADventori.Video({
	videoContainer : this.movieClip,
	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échargez l’exemple

Téléchargez l’exemple