Usando HTML5 para entregar Conteúdo de VÃdeo 2.0
O
Flash sempre foi o modelo padrão para exibição de vÃdeo online, mas com a chegada do
HTML5 agora temos muitas possibilidades para facilmente publicar conteúdo de vÃdeo, principalmente para aparelhos como
iPhone que não aceitam flash.
-
Indo mais a fundo, o
HTML5 prova que é possÃvel criar notáveis interações com caracterÃsticas próprias para essa nova web mais dinâmicas e interativa. Embora o
HTML5 ainda esteja em processo de evolução, seus elementos já obtém de grandes benefÃcios para usuários que agora podem, por exemplo, assistirem a vÃdeos sem a necessidade de plugins de terceiros.
-
Mas como isso pode ser possÃvel? Simples, abaixo segue algumas dicas!
-
JW Player
JW Player: LongTail Video | HTML5 + jQuery
Conheça o
JW Player Esta solução trabalha 100% a integração entre o Flash e HTML5 que rodam juntos como parte de um player de vÃdeo único. O plugins suporta os principais canais de vÃdeo: CDNs, YouTube como também o Adobe Flash Media Server, HTTP streaming, grandes redes de publicidade, provedores de análise, e muito mais.
VÃdeoJS
VideoJS: HTML5 Video Player - For Mobile
Já o
VÃdeoJS é uma opção open-source e leve para rodar
HTML5 VÃdeo Player com três partes principais, incluindo um código embed (Video para Todos), uma biblioteca JavaScript (video.js), e um puro HTML/CSS (vÃdeo-js . CSS). Ele permite que você incorpore vÃdeo utilizando
HTML5 com recuo forçado ao Flash de diverosos locais como: Youtube ou mesmo Vimeo.
-
Video for Everybody
Video for Everybody!
O
Video for Everybody: É simplesmente um puro
HTML (sem JavaScript) que inseri códigos
HTML 5. Seu retorno é um belo player de vÃdeo, bem como links para download de vÃdeo para dispositivos que não pode fazer em Flash ou vÃdeo HTML5. Funciona também como leitor de RSS (sem JavaScript), em iPhone, IPAD e em vários navegadores e plataformas. Esta solução totalmente funcional é para aqueles que querem algo realmente simples e não estão familiarizados com HTML.
-
Se você gostou, visite estes outros modelos:
LeanBack |
jMediaElement |
MediaElement.js |
FlareVideo que com certeza irá ajudar muito na hora de planejar conteúdo interativo.
Rafael Hernandez
Sou Profissional Web com mais de 10 anos de carreira. Atualmente Palestrante, Instrutor e Coordenador de Projetos voltados a SEO e Social Media em São Paulo como também administrador do Blog Rafael Designer.
Artigos
Comentários
Comentários
Rafael Designer Usando HTML5 para entregar Conteúdo de VÃdeo 2.0: O Flash sempre foi o modelo padrão para exibiç… http://bit.ly/eXz5N3
[Responder ao Comentário]
RT @rafaeldesigner: Usando #HTML5 para entregar Conteúdo de VÃdeo 2.0: Usando HTML5 para… http://goo.gl/fb/3gQrR | Últimas do Blog
[Responder ao Comentário]
RT @rafaeldesigner: Usando #HTML5 para entregar Conteúdo de VÃdeo 2.0: Usando HTML5 para… http://goo.gl/fb/3gQrR | Últimas do Blog
[Responder ao Comentário]
Usando HTML5 para entregar Conteúdo de VÃdeo 2.0 | Blog Rafael Designer: Design + Tecnologia = Inovação | mÃdias… http://bit.ly/eXz5N3
[Responder ao Comentário]
RT @rafaeldesigner: Usando HTML5 para entregar Conteúdo de VÃdeo 2.0: http://bit.ly/gpzsyH #html5 #html #flash #jquery
[Responder ao Comentário]
Usando #HTML5 para entregar Conteúdo de #VÃdeo 2.0: http://bit.ly/gpzsyH #w3c
[Responder ao Comentário]
RT @rafaeldesigner Usando #HTML5 para entregar Conteúdo de VÃdeo: http://t.co/HbcxosSm #html5 #js #css
[Responder ao Comentário]
Show de bola! RT @rafaeldesigner Usando HTML5 para entregar Conteúdo de VÃdeo 2.0. Saiba mais aqui: http://t.co/nn4sFnjX
[Responder ao Comentário]
Usando HTML5 para entregar Conteúdo de VÃdeo 2.0. Saiba mais aqui: http://t.co/lxrCxysu #postantigo #robots #blog
[Responder ao Comentário]
Usando HTML5 para entregar Conteúdo de VÃdeo 2.0. Saiba mais aqui: http://t.co/lxrCxysu #postantigo #robots #blog
[Responder ao Comentário]
Parabéns pelo post. Estou olhando o JW Player, você sabe dizer se consigo colocar dentro do vÃdeo em determinado tempo um texto que seja um link para outro conteúdo?
[Responder ao Comentário]