O melhor tutorial Web Design Responsive - Vídeo (Video) em 2024. Neste tutorial você pode aprender Use o atributo de largura,Exemplos,Utilizando-largura máxima propriedade,Exemplos,Adicionando página de vídeo,Exemplos,

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:

Exemplos

vídeo {
width: 100%;
height: auto;
}

tente »

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:

Exemplos

vídeo {
max-width: 100%;
height: auto;
}

tente »

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:

Exemplos

vídeo {
width: 100%;
height: auto;
}

tente »
Web Design Responsive - Vídeo (Video)
10/30