{"id":17419,"date":"2017-10-05T13:56:23","date_gmt":"2017-10-05T11:56:23","guid":{"rendered":"https:\/\/www.adventori.com\/fr\/?p=17419"},"modified":"2018-03-29T12:05:58","modified_gmt":"2018-03-29T10:05:58","slug":"ajouter-une-video","status":"publish","type":"post","link":"https:\/\/v4.adventori.com\/fr\/enabler-html5-fr\/composants\/ajouter-une-video\/","title":{"rendered":"AJOUTER UNE VIDEO"},"content":{"rendered":"Documentation DCO Enabler -> <\/a>ENABLER HTML5 -> <\/a>AJOUTER UNE VIDEO <\/a>\r\n

DYNAMISER ET ADAPTER LA TAILLE D\u2019UNE VIDEO<\/strong><\/h3>

 <\/p>

Il est possible de dynamiser la vid\u00e9o de votre publicit\u00e9 sans que celle-ci soit d\u00e9form\u00e9e, et en gardant son enti\u00e8re visibilit\u00e9.<\/p>

Une fois la banni\u00e8re\u00a0dynamis\u00e9e par notre AdServer<\/code>, la vid\u00e9o changera en fonction des param\u00e8tres \u00e9tablis (G\u00e9olocalisation, m\u00e9t\u00e9o, date\/heure, cookies, retargeting\u2026).<\/p>

Pour cr\u00e9er une zone vid\u00e9o\u00a0dynamique, ajouter un attribut id<\/code>\u00a0unique \u00e0 votre \u00e9l\u00e9ment html.<\/p>\r\n

\r\n<\/p>

ADventori.initData({
 url<\/strong>  :\"http:\/\/adventori.com\",
 mp4<\/strong>  :\"http:\/\/adventori.com\/lp\/enabler\/templates\/Wall_Crea\/Crea_Video\/Video_Outstream\/300x250\/video\/Big.mp4\",
 webm<\/strong> :\"http:\/\/adventori.com\/lp\/enabler\/templates\/Wall_Crea\/Crea_Video\/Video_Outstream\/300x250\/video\/Big.webm\"
});
<\/strong>
Param\u00e8tres attendu : <\/strong>
1 : videoContainer : Conteneur (obligatoire)<\/strong>
2 : clicUrl : clickTag sur la video (optionnel)
<\/strong>3 : urlMp4 : url de la video mp4 (obligatoire)<\/strong>
4 : urlWebM : url de la video webM(optionnel)
<\/strong>3 : cssStyle : Propri\u00e9t\u00e9s css du lecteur. exemple : \"color:red;border:solid 1px;...\"  (optionnel)<\/strong>
4 : showControls : true\/false (optionnel) afficher les contr\u00f4les vid\u00e9o par d\u00e9faut du navigateur<\/b>
5 : autoPlay : true\/false (optionnel)
<\/strong>6 : sound  : true\/false (optionnel)<\/strong>
7 : lightControls<\/strong> : true\/false (optionnel) afficher les contr\u00f4les <\/b>personnalis\u00e9s<\/strong>\r\n8 : controlsStyle<\/strong> : Propri\u00e9t\u00e9s css du light controls. exemple : \"color:red;border:solid 1px;...\" (optionnel)<\/strong>
 \r\nvar video = new ADventori.Video({\r\n\tvideoContainer<\/strong> : document.getElementById('ADventori_video'),\r\n\tclicUrl<\/strong> : ADventori.data.url,\r\n\turlMp4<\/strong>  : ADventori.data.mp4,\r\n\turlWebM<\/strong> : ADventori.data.webm,\r\n\tcssStyle<\/strong> : \"border:solid 1px black;color:black;....\",\r\n\tautoplay<\/strong> : true,\r\n\tshowControls<\/strong> : false,\r\n\tsound<\/strong> : false,\r\n        lightControls<\/strong> : true,\r\n        controlsStyle<\/strong> :\"bottom: 15px;color:white;\"\r\n});\r\n<\/pre>\r\n
R\u00e9sultat :<\/p>\r\n