In un mio video dovrei mostrare all'interno di esso dopo tot tempo un <div>

[freetom]

Cerco di spiegarmi meglio...

Ho un video di un robot che entra "trascinandosi" qualcosa...
Dopo che il robot è entrato vorrei mostrare in un <div> opportunatamente posizionato che rispetti la posizione sia per il formato pc, tablet e smartphone un messaggio dinamico che prelevo di volta in volta con php da un relativo file txt.

Quindi le mie due questions sono:

1) E' possibile mostare un <div> posizionato sempre nello stesso posto nel video con un opportuno z-index indipendentemnete che si guardi il video da pc , smartphone o tablet? Se si come?

2) E' possibile mettere un timer a questo <div> in modo che si mostri solo dopo tot tempo? Nel mio caso non appena è entrato il robot?

Grazie

[freetom]

Aggiornamento...

il punto (1) l'ho risolto da solo
risolto anche il (2) con la funzione sleep(time);

[Vincent.Zeno]

puoi dirci come hai fatto, così che questo post possa tornare utile alla comunità?

[freetom]

puoi dirci come hai fatto, così che questo post possa tornare utile alla comunità?

Certo Vincent,

video-container {


padding-bottom: 56%;
height: auto;




}




.video-container iframe,.video-container object,.video-container embed {


width: 100%;
height:100%;
position: absolute;




}




.box {


box-sizing; border-box;
padding; 5px;
width: 30%;
height: 30%;
border: solid 2x;
position: absolute;
margin: 10px;
top: 40%;
z-index:100;
background: #A9D0F5;
border: solid 2px #045FB4;




}




<div class="video-container">
<div class="box" ><iframe src="leggifiletxt.php" scroll=1></iframe></div>
<div>VIDEO INCORPORATO</div>
</div>