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>