Vídeos

Si en un vídeo la propiedad width se establece en un porcentaje y la propiedad height se establece en "auto", el reproductor de vídeo será responsivo y se escalará hacia arriba y hacia abajo:

video {
  width: 100%;
  height: auto;
}

No obstante, en la mayoría de casos no nos interesará que el reproductor de vídeo supere su tamaño original, para evitarlo podemos emplear la propiedad max-width:

video {
  max-width: 100%;
  height: auto;
}