domingo, 17 de julio de 2016

Respondiendo comentarios #1

¿Como poner un logo sobre un Video HML5?

 

   El usuario de youtube Pelicula xD me preguntó el otro día ¿Como poner un logo encima de un video?

  Al final del último video de CSS está la respuesta, para ir haz click aquí , en general es muy facil de hacer, luego de ver el video puedes ver el código fuente a continuación :

Parte CSS :
<style type="text/css">
div{
position : absolute;
top: 20px;
left: 350px;
opacity : 0;
transition : opacity 1s;
}
video:hover + div {
opacity: 1;
}
div img {
width: 150px;
}
</style>
Parte HTML :
<video controls width="500px">
<source src="trailer.mp4"></source>
</video>
<div>
<img src="logo.PNG" />
</div>

No hay comentarios:

Publicar un comentario