Como inserir arquivos de áudio e vídeo no dreamweaver

Video: Curso Web Design - 02 # HTML - Criando a pasta raiz no Dreamweaver e no WampServer - Parte 1

Embora você possa usar o Dreamweaver para inserir arquivos de vídeo diretamente em uma página web, o nosso melhor conselho é usar um dos serviços de hospedagem de vídeo, como o YouTube ou Vimeo.

Quando você seleciona mídia a partir do menu Inserir, você encontra múltiplos de vídeo e opções de áudio. Se você deseja inserir arquivos de vídeo que estão em um dos formatos mais velhos e mais proprietários, como o Windows Media Video (.wmv) Ou QuickTime (.mov), Você escolher a opção Plugin a partir da lista drop-down de mídia no menu Inserir.

Se você quiser usar os formatos de vídeo mais recentes usando a tag de vídeo HTML5, você pode inserir vídeo no MP4, formatos WebM ou Ogg Theora, seguindo estes passos:

Video: Embedding Audio and Video into Adobe Dreamweaver

1. Clique onde você deseja que o arquivo aparecer na sua página web.

2. Escolha Inserir → Mídia → HTML5 Vídeo.

   Você também pode clicar na lista drop-down no painel Inserir, escolha de mídia e selecione HTML 5 Video. Uma pequena caixa cinza que contém um ícone do cinema aparece no seu design.

   

3. Clique na pequena caixa cinza que contém um ícone do cinema.

   Video: Como insertar videos y musica en Dreamweaver cs6

   As propriedades de vídeo são exibidos no Inspetor de propriedades na parte inferior da tela.

4. No campo Fonte no Inspetor de propriedades, digite a URL para o arquivo de vídeo ou selecione o ícone Procurar e selecione um arquivo de vídeo em seu disco rígido.

   
   
   
   

   Depois de selecionar o arquivo, o caminho eo nome aparecer na janela Origem.

   

5. (Opcional) Use o Alt Fonte 1 e Alt Fonte 2 campos para digitar o URL ou procurar e selecionar vídeo em formatos adicionais.

   Video: Vídeo aula HTML5. Como inserir Video no HTML

   Uma das complexidades de usar a tag de vídeo HTML5 é que você pode usá-lo com três formatos de vídeo: MP4, Ogg Theora e WebM. Se você quer que seu vídeo para jogar em todos os browsers populares, você precisa incluir o vídeo em todos os três formatos.

   Você vê que todos os três campos de origem são preenchidos com vídeos em cada um desses formatos. Além disso, você pode incluir um vídeo em Flash para navegadores antigos no campo do Flash Fallback.

   Se você acha que é loucura ter que incorporar quatro arquivos de vídeo diferentes em quatro formatos diferentes, você não está sozinho. Essa complexidade é devido à falta de acordo entre as empresas do navegador sobre o formato é melhor para o vídeo.

   Outra vantagem de usar Vimeo ou YouTube, para hospedar seus vídeos é que você pode fazer upload de um vídeo em apenas um formato e YouTube e Vimeo convertê-lo e entregá-lo em todos estes formatos automaticamente.

6. Introduza a altura e largura dos campos L e W, respectivamente, do inspector imóvel.

   Quando você adicionar áudio ou vídeo, o Dreamweaver não determina automaticamente a altura ea largura do arquivo, então você precisa adicionar as dimensões no Inspetor de propriedades depois de inserir o arquivo.

7. Salve a página e clique no ícone Preview (globo) (na parte superior da área de trabalho) para abrir a página em um navegador, para garantir a compatibilidade.

   Nem todos os formatos de vídeo será reproduzido em todos os navegadores. Teste o seu vídeo para se certificar de que ela desempenha, pelo menos no navegador que você está alvejando como seu principal destino. Se você configurou o arquivo para reprodução automática, o arquivo é reproduzido automaticamente quando a página é carregada no navegador. Caso contrário, o navegador insere um controlador simples para que você possa iniciar, pausar, avançar e retroceder o vídeo.