Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!
Características
- Uma extensão e skin para video.js 8
- Video.js, um player de vídeo HTML5 e Flash de código aberto, bem como YouTube e Vimeo (por meio de plug-ins), usado em mais de 400.000 sites
- Retina Ready e totalmente responsivo
- HTML5 e CSS3
- Suporte e atualizações
- Suporte da lista de desejos
- Bem documentado
Incluir a skin na página
O skin base do Video.js é feito usando HTML e CSS. Isso significa que você pode construir um skin personalizado simplesmente aproveitando o aspecto em cascata do CSS e substituindo os estilos que você gostaria de alterar.
<link rel="stylesheet" type="text/css" href="./video-js-7.7.4/video-js.min.css></link> <link rel="stylesheet" type="text/css" href="./video-flor/videojs-flor.css></link> <script type="text/javascript" src="./video-js/video.js" ></script> <script type="text/javascript" src="./video-flor/videojs-flor.min.js" ></script>
Referência
- Página inicial do VideoJS Player
- Documentação do VideoJS Player
- Saiba mais sobre o Guia de Skinning CSS
- Saiba mais sobre a construção de skins VideoJS
- Crie um player VideoJS personalizado
- Gerador de fontes de ícones usando arquivos SVG
- Conversão de PX para EM simplificada
- Minificador/Compressor CSS Online
- Código fonte do VideoJS
- Como construir VideoJS a partir do código-fonte
Registro de alterações
- Atualização da versão 2.1 2023 – 01 de outubro de 2023.
- Atualização da versão 2.0 2021 – 06 de junho de 2021.
- Versão 1.2 com suporte para Fuzzy skin – 12 de junho de 2020.
- Versão 1.1 suporta video.js v7.8.3 – 01 de junho de 2020.
- Lançamento: Lançamento do projeto Flor HTML5 Video Player – 01 de janeiro de 2020.
Outras Skins
- Skin para VideoJS: Futebol, Fuzzy, AIR, Flat, Tube
- Skins para JWPlayer: AIR, Flat, Tube, Thin
