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.