Certifique-se de que seu cursor esteja no local em que você deseja inserir o vídeo.
Última atualização em
27/04/2021
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 elemento de vídeo HTML5, consulte o artigo sobre Vídeo HTML5 em W3schools.com.
Inserção de vídeo HTML5
Selecione Inserir > HTML > Vídeo HTML5. O elemento de vídeo HTML5 é inserido no local especificado.
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.
Nota
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 informações mais recentes, consulte HTML5 - Suporte do 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: especifica 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
Salve a página da Web.
Selecione Arquivo > Visualização em tempo real. Selecione o navegador no qual deseja visualizar o vídeo.
Veja também
Criar belos sites no Dreamweaver
Crie, codifique e gerencie sites dinâmicos com uma ferramenta completa e eficiente.
