Como deixar o vídeo responsivo?

Utilizando HTML5 e CSS

<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
          video {
	      width: 100%;
	      height: auto;
	    }
	 </style>
     </head>
	
     <body>

	<video id="video" width="400" controls>
	   <source src="seu_arquivo.mp4" type="video/mp4">
	   <source src="seu_arquivo.ogg" type="video/ogg">
	   Seu navegador não suporta vídeo em HTML5.
	</video>
		
        <p>Redimensione a janela do navegador para ver como o tamanho do player de vídeo será dimensionado.</p>
	
    </body>
</html>

Referência:
https://www.w3schools.com/css/css_rwd_videos.asp

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google

Você está comentando utilizando sua conta Google. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s