Como adicionar vídeo às suas HTML5 e CSS3 Baseadas Páginas da Web

A capacidade de reproduzir vídeos através de HTML é um grande avanço, e não é difícil de implementar. Você pode usar um tag para adicionar vídeo para a sua página web, e o vídeo é reproduzido diretamente no navegador sem a necessidade de um plug-in como o Flash.

Naturalmente, não é perfeito. Há uma série de normas de vídeo concorrentes, e os navegadores não conseguem concordar sobre qual padrão de aceitar. As normas mais importantes são chamadas H.264 e Ogg.

Alguns navegadores preferem um- alguns preferem o outro. Para tornar as coisas mais complicadas, a extensão do arquivo para um vídeo não indica sempre o mecanismo de codificação subjacentes. Isto significa codificação de vídeo requer alguma experimentação. Se o arquivo de vídeo não está no formato que você quiser, você pode precisar convertê-lo. FFmpeg e VLC são ferramentas gratuitas pendentes que você pode usar para converter vídeo para qualquer formato que você precisa.

Tal como acontece com qualquer propriedade intelectual, não se esqueça que você tem a permissão do proprietário original do arquivo. Só porque você posso inserir um vídeo em sua página web não significa que você devemos faça isso.

image0.jpg

O código para esta página mostra o quanto o tag é semelhante:

videoDemo

De vídeo de demonstração

Este vídeo é um trailer para o incrível pequeno filme "Big Buck Bunny". Esta experiência prova que talentedvolunteers pode produzir um videousing profissional de alta qualidade só open-source tools.Go para https://bigbuckbunny.org para ver o vídeo inteiro.

Os arquivos de vídeo são extremamente grandes, e eles podem fazer o seu site parece muito mais lento para os usuários. Eles também são difíceis de mover-se para um servidor web. Por esta razão, muitos desenvolvedores web preferem enviar vídeos para um serviço como Youtube e simplesmente link para o vídeo em outro servidor.

Se você direita; clicar em um vídeo do YouTube, você pode selecionar copie o código a partir do menu que aparece. Isto dá-lhe código que você pode usar em seu próprio site.

menu