Com HTML 5 é possível usar a tag <video> para incorporar às páginas arquivos nos formatos mp4, webm, ogg e ogv. Assim como no caso da tag para executar áudio, é preciso ter o arquivo disponível em dois ou mais formatos diferentes para que todos os navegadores consigam ler.
► Código
Basta substituir a URL em destaque pelo link do seu vídeo, já hospedado:
Você pode colocar dentro da tag <video> as informações autoplay, para começar automaticamente, e loop, para repetir "toda a vida" enquanto o visitante permitir:
Segue o código para vídeo em um único formato (e que por isso não vai funcionar em todos os navegadores):
Exemplo de vídeo em formato mp4, que não será exibido no Firefox nem no Opera:
Exemplo de vídeo em formato webm, que não será exibido no Internet Explorer nem no Safari:
Exemplo de vídeo em formato ogv, que só funciona no Firefox e no Opera:
Saiba quais formatos funcionam em cada navegador:
| Formatos: | mp4 | ogg | ogv | webm |
|---|---|---|---|---|
| Chrome | sim | sim | não | sim |
| Firefox | não | sim | sim | sim |
| Internet Explorer 9 | sim | não | não | não |
| Opera | não | sim | sim | sim |
| Safari | sim | não | não | não |
De acordo com a tabela, você sempre precisará ter o arquivo no formato mp4 por causa do Safari e do Internet Explorer 9, que só leem ele. Como Firefox e Opera, os únicos que não leem mp4, são também os únicos que leem todos os outros três tipos, basta ter o vídeo em mais um formato para que a tag <video> funcione em todos os navegadores recentes. O código ficará assim:
Até mais!
Imagem: www.quizgospel.com
Vídeos: W3Schools e Wikipédia
Informações: W3Schools
3 comentando:
Postar um comentário
Para deixar uma mensagem sem relação com o post acima use o livro de visitas. Está comentando pela primeira vez no HTMHelen? Sugiro que leia as regras para comentar.