CSS Desde Cero (2018) | Pseudoelementos

Manuel CCH@manuelcch

Quisiera aportar este código que a mi me funcionó al momento de insertar un video con tamaño adaptable. Soy un principiante aún y no se si sea la mejor forma, pero aquí se los dejo:

~~~* ,*::after, *::before{
 box-sizing:border-box;
}

.contenedor-caja-video{
 width: 80%;
}

.caja-video  {
 position:relative;
 background-color:red;
  width: 100%;
 padding-bottom:56.25%;
 
}

.caja-video::before {
 position: absolute;
 content:'';
 
 display:block;
 padding-bottom:56.25%;
}

.video{
 position:absolute;
 width: 100%;
 height: 100%;
 
}~~~

Basado en el curso de CSS Desde Cero (2018)

Escribe una respuesta