Web Design Responsive - Vídeo (Video)

Use o atributo de largura

Se o atributo largura é definida como 100%, o reprodutor de vídeo será ajustado automaticamente em proporção ao tamanho da tela:

Note-se que no exemplo acima, o reprodutor de vídeo é ajustada automaticamente em proporção com o tamanho do ecrã e pode ser maior do que o tamanho original. Mais frequentemente, podemos usar a propriedade max-width vez.

Utilizando-largura máxima propriedade

Se a propriedade max-width está definido para 100%, o reprodutor de vídeo será automaticamente ajustado na proporção da tela, mas não mais do que seu tamanho original:

Adicionando página de vídeo

Podemos adicionar um vídeo em uma página web. Os exemplos e vídeo seguintes é ajustado automaticamente de acordo com a região ocupa todo o tamanho da área div div: