Documentation DCO Enabler -> ENABLER HTML5 -> 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 id
unique à votre élément html.
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. exemple : "color:red;border:solid 1px;..." (optionnel)
4 : showControls : true/false (optionnel) afficher les contrôles vidéo par défaut du navigateur
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 : 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 :