Usando a propriedade de largura
Se a width propriedade é definida como 100%, o player de vídeo será sensível e escalar cima e para baixo:
Note-se que no exemplo acima, o reprodutor de vídeo pode ser dimensionado para ser maior do que o seu tamanho original. Uma melhor solução, em muitos casos, será usar o max-width propriedade, em vez.
Usando a propriedade max-width
Se o max-width propriedade é definida como 100%, o player de vídeo serão reduzidas se tiver que, mas nunca escalar até ser maior do que seu tamanho original:
Adicionar um vídeo para a Web página de exemplo
Queremos adicionar um vídeo na nossa página de exemplo web. O vídeo será redimensionada para sempre ocupar todo o espaço disponível: