Carregando...

Como inserir Vídeo com Html5

Postado: 13 de maio de 2021 Tempo de Leitura: < 1 Minuto

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

811 Visualizações

5 respostas para “Como inserir Vídeo com Html5”

  1. loopnerd disse:

    Deova pode mandar a pasta arquivo.rar p/ o meu email.
    contato@loopnerd.com.br

  2. deova disse:

    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

  3. loopnerd disse:

    Deova pode ser o seu navegador.
    ou diretório.
    me manda o link por e-mail, o link da pagina com erro.

  4. deova disse:

    meu servidor windows server 2008 R2 standard

  5. deova disse:

    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.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Artigos Relacionados