Sinval Gomes...

Development flexible layout with flexbox.

+ LINKS

CSS Avançado border-radius.
CSS Avançado Multiple Background.
CSS Avançado Background.
CSS Avançado CSS Colors.
CSS Avançado Flex Items.
CSS Avançado Media Query.
CSS Avançado RWD Vídeos.
CSS Avançado Flex Direction.
CSS Avançado Justify Content.
CSS Avançado Justify + Align Items.

Usando Responsivo Design Web Vídeos:

Se a propriedade de largura for definida como 100%, o player de vídeo será responsivo e aumentará ou diminuirá:
Mas o perigo dessa opção é que o vídeo pode ficar maior que seu tamanho original, comprometendo a qualidade.

O que fazer?
Se usarmos a propriedade max-width como 100%, o player de vídeo diminuirá se for necessário, mas nunca aumentará para ser maior do que seu tamanho original.
Mas, também podemos limitar a resolução definindo um valor estrito.