Como inserir arquivos de áudio e vídeo no Dreamweaver - manequins

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

Quando você seleciona Mídia no menu Inserir, você encontra várias opções de áudio e vídeo. Se você deseja inserir arquivos de vídeo que estão em um dos formatos mais antigos e mais proprietários, como Windows Media Video (. Wmv) ou QuickTime (. Mov), você escolhe a opção Plugin na lista suspensa Mídia na Inserção cardápio.

Se você quiser usar os formatos de vídeo mais recentes usando a tag de vídeo HTML5, você pode inserir o vídeo nos formatos MP4, webM ou Ogg Theora, seguindo estas etapas:

1. Clique em onde deseja o arquivo para aparecer em sua página web.

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

   Você também pode clicar na lista drop-down no painel Inserir, selecionar Mídia e, em seguida, selecionar HTML 5 Video. Uma pequena caixa cinza contendo um ícone de filme aparece no seu design.

   

3. Clique na pequena caixa cinzenta que contém um ícone de filme.

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

4. No campo Origem no Inspetor de propriedades, insira o URL no arquivo de vídeo ou selecione o ícone Procurar e, em seguida, selecione um arquivo de vídeo em seu disco rígido.

   Depois de selecionar o arquivo, o caminho e o nome do arquivo aparecem na janela Origem.

   

5. (Opcional) Use os campos Alt Source 1 e Alt Source 2 para inserir o URL ou navegar e selecionar o vídeo em formatos adicionais.

   Uma das complexidades do uso da tag de vídeo HTML5 é que você pode usá-la com três formatos de vídeo: mp4, Ogg Theora e webM. Se você quiser que seu vídeo seja reproduzido em todos os navegadores da Web 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 da Web mais antigos no campo Flash Fallback.

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

   Outra vantagem de usar o Vimeo ou o YouTube, para hospedar seus vídeos é que você pode fazer o upload de um vídeo em apenas um formato, e o YouTube e o Vimeo o convertem e entregam em todos esses formatos automaticamente.

6. Digite a altura e a largura nos campos H e W, respectivamente, do inspetor de propriedades.

   Quando você adiciona áudio ou vídeo, o Dreamweaver não determina automaticamente a altura e 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 Pré-visualizar (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ão reproduzidos em todos os navegadores. Teste seu vídeo para se certificar de que ele joga pelo menos no navegador que você está segmentando como seu principal destino. Se você configurou o arquivo para Reprodução Automática, seu arquivo será executado automaticamente quando a página for carregada no navegador. Caso contrário, seu navegador insere um controlador simples para que você possa iniciar, pausar, avançar e reverter o vídeo.