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

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

Ao selecionar 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), 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 em MP4, formatos WebM, ou Ogg Theora, seguindo estes passos:

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

  2. Escolha Inserir-Media-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 de filme aparece no seu design.

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

    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 aparece na janela Origem.

    image1.jpg
  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.

    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 os vídeos em cada um desses formatos. Além disso, você pode incluir um vídeo em Flash para navegadores da web mais velhos 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 que é o melhor formato para 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 nos campos H e W, respectivamente, do Inspetor de propriedades.

    Ao 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 assegurar 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.

menu