Como adicionar o vídeo a uma página web

Adicionando vídeo a uma página web costumava ser difícil. Você teria que lidar com um player de vídeo específico, como RealMedia Player, Windows Media Player ou o QuickTime Player. O formato HTML5 tem uma tag de vídeo, que permite que você adicione um .mp4 e um vídeo .webm e controles para uma página web.

O navegador do usuário determina que o vídeo é reproduzido quando o arquivo HTML é carregado. Se você incluir ambos os formatos, você cobrir todas as bases para navegadores HTML5.

Para adicionar o vídeo a um documento HTML5, siga a bola quicando:

  1. Codificar um vídeo no formato .mp4 e .webm.

    O formato .webm é marca-spanking novo para HTML5.

  2. Crie um documento HTML5.



    Claro, você pode ter outras guloseimas na página. Adicioná-los antes de adicionar o vídeo para a página.

  3. Mudar para a vista de código do seu editor HTML.

    Video: Colocar video como fondo de página web con HTML y CSS

  4. Posicione o cursor onde deseja que o vídeo apareça e adicione o seguinte código:

    Video: Como insertar videos de youtube en mi pagina web FACIL!

    A primeira linha de código especifica as dimensões do vídeo, e o facto dos controlos estará disponível para o vídeo. Os controles variam de acordo com o formato de vídeo. A segunda e terceira linhas de código especifica a localização de cada arquivo de vídeo, e do tipo.

    O navegador determina qual o vídeo é reproduzido quando o documento HTML é carregado a partir do site. A linha final do código é exibido se o visitante está usando um navegador que não suporta vídeo HTML5.

  5. Teste o arquivo em todos os navegadores usados ​​pelo público-alvo do site.


Publicações relacionadas