Como inserir Vídeo com Html5
Postado: 13 de maio de 2021
Tempo de Leitura: < 1 Minuto
- Página Inicial
- Códigos HTML Prontos
- Como inserir Vídeo com Html5
- Voltar
Realmente o HTML5 veio para facilitar nova vida. Antigamente só conseguiríamos inserir vídeos, com com plugin. códigos bem complexos. em Java script.
Veja como fica simples inserir um vídeo com HTML5.
Nesta seção, projetaremos uma estrutura simples na tag <video> e <source>.
Usaremos uma classe (.video-responsivo) para deixar o vídeo Responsivo com css.
Essas são as tags e classes que usaremos para inserir o video no html
<video controls class="video-responsivo">
<source src="videos/seuvideo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Você ainda pode adicionar uma classe no Css para estilizar.
Nesta seção, usaremos algumas propriedades CSS para estilizar nosso vídeo com css e deixar Responsivo.
.video-responsivo { width:30%; float:left; padding:5px; border:1px #555 solid; }
Publicado por: Loop Nerd
819 Visualizações
Deova pode mandar a pasta arquivo.rar p/ o meu email.
contato@loopnerd.com.br
opa blz desculpa a demora em responder
pra qual e-mail vou enviar os arquivos do site
na index.html coloquei uma imagem com link para o video
vou enviar o site completo em .rar
abraço
Deova pode ser o seu navegador.
ou diretório.
me manda o link por e-mail, o link da pagina com erro.
meu servidor windows server 2008 R2 standard
nesse artigo tutorial de videos, fiz os passos corretos, no meu pc win 10, roda o video blzinha, mas quando mando os arquivos para o servidor, o video não fica disponivel.
aparece o espaço do video, mas as funções inativas.
se puder me passar dicas agradeço.