Video html5 with advertisement

0

I have a code to put video ad 5 seconds, but I can not put it on top of the video in the right corner, I can even use css but with full screen it does not work, someone has an idea

var media = document.getElementById("media");

function secToStr( sec_num ) {
    sec_num = Math.floor( sec_num );
    var horas   = Math.floor(sec_num / 3600);
    var minutos = Math.floor((sec_num - (horas * 3600)) / 60);
    var segundos = sec_num - (horas * 3600) - (minutos * 60);

    if (segundos < 10) {segundos = segundos;}

	switch(segundos) {
	    case 0: segundos = 5; break;
	    case 1: segundos = 4; break;
	    case 2: segundos = 3; break;
	    case 3: segundos = 2; break;
	    case 4: segundos = 1; break;
	    case 5: segundos = 0; break;
	}
	    if (segundos>5) segundos = 0;

    return segundos;
}


media.ontimeupdate = function() {
	segundos = secToStr(media.currentTime);    

    if (media.duration == media.currentTime) { 
    	media.src= "http://rodrigoti.com.br/novo/2.mp4";
    	media.play();
    	$("button").hide();
    };

    if (segundos < 1) { 
    	segundos = "";
    	$("button").html("Pular");
    	$("button").click(function(){   
		    media.src= "http://rodrigoti.com.br/novo/2.mp4";
		    media.play();
    	$("button").hide();      
		});
    }else{
    	$("button").html("Pular video em "+segundos+ " segundos" );
    	 
    }

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><button>Pularvideoem5segundos</button><br><videoid="media" autoplay width="320" height="240" controls>
  <source src="http://rodrigoti.com.br/novo/1.mp4"type="video/mp4">
Your browser does not support the video tag.
</video>
    
asked by anonymous 17.05.2017 / 20:50

0 answers