Publicidade
Compre um adesivo e ajude o Em Busca do Código a continuar.
Neste vídeo vemos como criar um player de vídeo totalmente em HTML5, até mesmo sem usar CSS. A tabela a seguir é importante para vermos os formatos aceitos pelos principais navegadores:
| Navegador | Formatos | |
| Microsoft Edge | MP4, m4v, webm | |
| Firefox | webm, ogv | |
| Safari | MP4, m4v | |
| Chrome | webm, ogv, MP4 | |
| Opera | webm, ogv | |
| UC Browser | Quando encontrar a informação insiro aqui. |
Este vídeo foi gravado no mês de abril de 2016 e por isso uma informação que achei interessante colocar, foi o ranking dos navegadores mais usados:
| 2016 | Chrome | Firefox | IE - Edge | Safari | Opera | |||||
| Fevereiro | 69,0% | 18,6% | 6,2% | 3,7% | 1,3% | |||||
none: indica que o usuário não necessitará consultar o vídeo ou que o servidor quer minimizar seu tráfego; em outros termos indica que o vídeo não deve ser pré-carregado.
metadata: indica que embora o usuário não necessitará consultar o vídeo, pegar os meta-dados (ex: comprimento) é interessante.
auto: indica que o usuário necessita ter prioridade; em outros termos isso indicou que, se necessário, o vídeo inteiro pode ser baixado, mesmo que não seja esperado a execução.
a string vazia: é um sinônimo do valor auto.
Fonte da Firefox sobre o atributo preload.Código fonte HTML:
Vídeo aula:
Compre um adesivo e ajude o Em Busca do Código a continuar.
Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.