INTRO Video+Imagem

<style>
video {
	height: auto;
	width: 534px;
	top: 35px;
	left: 234px;
	position: absolute;
	z-index: 98888888888;
	border: 1px solid #0d3371;
}
#div_apb_conf {
	height: 600px;
	width: 800px;
	border: 1px solid #ccc;
	background-color: #333;
        position:relative;
background-image:url('http://cdn.iol.pt/pub/nissan/xtrail/nissan_xtrail_800x600.jpg');
	margin:auto;
}

#clickContainer{
    z-index: 88888888888;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 98%;
    height: 98%;
right: 0;
top:0;
}
#intro-pub-iframe{
    width:[%creativeWidth%]px;
    height:[%creativeHeight%]px;
    margin: auto;
}
#intro-pub-iframe-container{
    width:[%creativeWidth%]px;
    height:[%creativeHeight%]px;
    margin: 61px auto;
}

#closebutton {
    background-image: url('http://cdn.iol.pt/js/pub/close.gif');
    background-size: 202px 35px;
    background-position: left top;
    background-repeat:no-repeat;
    background-size:contain;
    position: absolute;
    z-index: 99999999999;
    width: 202px;
    height: 35px;
    top: 20px;
    left: 50%;
    margin-left: 200px;
    cursor: pointer;
}


.intro-container {
    background-color: #E2E2E2;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 6000px;
    cursor: pointer;
    background-color: white;
    z-index: 10000000;
    position: fixed;
    cursor: pointer;
    left:0;
    top:0;
}
#barraIOL{
   z-index:9999 !important;
}


</style>

<div class="intro-container" >



    <div id="clickContainer" onclick="window.open('%%CLICK_URL_ESC%%%%DEST_URL%%','_blank')"></div>
    <div id="intro-pub-iframe-container">

<div   id="div_apb_conf">
    <video id="video" controls loop autoplay muted poster="http://cdn.iol.pt/pub/nissan/pulsarsetembro/2016_09_Pulsar_800x600_video_pt.jpg">
    <source src="http://cdn.iol.pt/pub/nissan/pulsarsetembro/2016-09-pulsar-457x256-20-pt.mp4">
    <source src="http://cdn.iol.pt/pub/nissan/pulsarsetembro/2016-09-pulsar-457x256-20-pt.wmv" type="video/webm">
    Your browser does not support the <code>video</code> element. </video>
</div>


  </div>
    <div id="closebutton" class="buttons" onclick="closeHandler();"></div>
</div>


  <img src="%%VIEW_URL_UNESC%%" width="1" height="1" style="display:none">


<script>
setTimeout(function(){closeHandler()}, 32*1000);

function closeHandler(){

        //var ifr =document.getElementById('intro-pub-iframe');
        var elems=document.getElementsByTagName('intro-container');

	//ifr.style.display='none';
        if(typeof jQuery!= 'undefined'){
               jQuery('.intro-container').hide();
        }else{
              for(el in elems){
                   elms[el].style.display='none';
              }
        }
}

</script>


 <img src="https://bs.serving-sys.com/serving/adServer.bs?cn=display&c=19&mc=imp&pli=19000955&PluID=0&ord=%%CACHEBUSTER%%&rtu=-1" width="1" height="1" style="display:none"/>