Saiba como inserir vídeo HTML5 em suas páginas da Web e visualizar o vídeo em um navegador.

O Dreamweaver permite inserir vídeo HTML5 em páginas da Web.

O elemento de vídeo HTML5 fornece um modo padrão de incorporar filmes ou vídeos em páginas da Web.

Para obter mais informações sobre o elemento de vídeo HTML, consulte o artigo sobre vídeo HTML5 em W3schools.com.

Inserção de vídeo HTML5

  1. Certifique-se de que seu cursor esteja no local em que você deseja inserir o vídeo.

  2. Selecione Inserir > HTML > Vídeo HTML5. O elemento de vídeo HTML5 é inserido no local especificado.

  3. No painel Propriedades, especifique valores de várias opções.

    Origem / Origem de Alt 1 / Origem de Alt 2: na Origem, insira o local do arquivo de vídeo. Como alternativa, você pode clicar no ícone da pasta para selecionar um arquivo de vídeo no sistema de arquivos local. O suporte de formato do vídeo varia em navegadores diferentes. Se o formato do vídeo na Origem não for suportado em um navegador, o formato do vídeo especificado em Origem de Alt 1 ou Origem de Alt 2 será usado. O navegador seleciona o primeiro formato reconhecido para exibir o vídeo.

    Especificar propriedades para vídeo HTML5
    Especificar propriedades para vídeo HTML5

    Observação:

    Para adicionar vídeos rapidamente aos três campos, use a seleção múltipla. Quando você escolhe três formatos de vídeo para o mesmo vídeo de uma pasta, o primeiro formato na lista é usado para Origem. Os seguintes formatos na lista são usados para preencher Origem de Alt 1 e Origem de Alt 2 automaticamente.

    Consulte a tabela abaixo para obter mais informações sobre o navegador e formato do vídeo suportado. Para obter as últimas informações, consulte HTML5 — Suporte a navegador.

    Navegador MP4 WebM Ogg
    Internet Explorer 9 SIM NÃO NÃO
    Firefox 4.0 NÃO SIM SIM
    Google Chrome 6 SIM SIM SIM
    Apple Safari 5 SIM NÃO NÃO
    Opera 10.6 NÃO SIM SIM
    • Título: especifique um título para o vídeo.
    • Largura (L): insira a largura em pixel do vídeo.
    • Altura (A): insira a altura em pixel do vídeo.
    • Controles: selecione se desejar exibir os controles de vídeo como Reproduzir, Pausar e Mudo na página HTML.
    • Reprodução automática: selecione se desejar que a reprodução do vídeo seja iniciada assim que ela for carregada na página da Web.
    • Imagem do pôster: insira o local da imagem que será exibida até que o download do vídeo seja concluído ou até que o usuário clique em Reproduzir. Os valores de Altura e Largura são preenchidos automaticamente quando a imagem é inserida.
    • Repetição: selecione esta opção se desejar que o vídeo seja reproduzido continuamente até que o usuário o interrompa.
    • Mudo: selecione esta opção se desejar silenciar o áudio do vídeo.
    • Vídeo Flash: selecione um arquivo SWF para navegadores que não suportam vídeo HTML5.
    • Texto de emergência: forneça o texto a ser exibido se o navegador não suportar HTML5.
    • Pré-carregar: especifique as preferências do autor em relação a como o vídeo deve ser carregado quando a página é carregada. Se você selecionar Automático, todo o vídeo será carregado na página de download. Se você selecionar Metadados, o download dos metadados só será feito após a conclusão do download da página.

Visualização do vídeo no navegador

  1. Salve a página da Web.

  2. Selecione Arquivo > Visualização em tempo real. Selecione o navegador no qual deseja visualizar o vídeo.

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online