Tube Skin Retina para VideoJS

Veja em CodeCanyonPreço $20

Características

• Video.js que é um reprodutor de vídeo HTML5 e Flash de código aberto, bem como YouTube e Vimeo (através de plug-ins), usado em mais de 400.000 sites
• Pele com Estilo Tubo
• Pronto para retina e totalmente responsivo
• HTML5 e CSS3
• Suporte videojs-logo / videojs-marca d’água
• Atalhos de teclado de suporte:

– Seta para cima/baixo ou roda do mouse -> controle de volume
– Seta para a direita/esquerda -> buscar jogador por 5s
– M -> alternar mudo
– F ou clique duplo -> alternar tela cheia
– F ou Esc -> sai do modo de tela cheia
– 0 -> reiniciar o vídeo
– 1-9 -> pular para uma seção específica do vídeo (por exemplo, 0 é 0%, 9 é 90% e 5 vai para o ponto médio do vídeo)

• Suporte e atualizações
• Suporte à lista de desejos
• Bem documentado

Incluir a skin na página

A skin base do Video.js é feita usando HTML e CSS. Isso significa que você pode criar uma capa personalizada simplesmente aproveitando o aspecto em cascata do CSS e substituindo os estilos que deseja alterar.

<link rel="stylesheet" type="text/css" href="./video-js-5.10.4/video-js.min.css></link>
<link rel="stylesheet" type="text/css" href="./video-js/videojs-tube.min.css></link>

<script type="text/javascript" src="./video-js/video.js" ></script>

O nome da classe principal para todos os estilos específicos de skin. Para fazer sua própria skin, substitua todas as ocorrências de ‘vjs-default-skin’ por um novo nome. Em seguida, adicione seu novo nome de skin à sua tag de vídeo em vez do skin padrão.

<video class="video-js vjs-big-play-centered">

Referência

• Página inicial do VideoJS Player
• Documentação do VideoJS Player
• Saiba mais sobre o CSS Skinning Guide
• Saiba mais sobre como criar skins VideoJS
• Crie um player de 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 da fonte

Registro de alterações

• Tube Skin Retina para VideoJS 7 – 08 de maio de 2019.
• Tube Skin Retina para VideoJS 6 – 20 de junho de 2017.
• Lançamento: O lançamento do projeto Tube Skin Retina for VideoJS 5 – 01 de junho de 2016.

Outras skins

• Flor – Reprodutor de vídeo HTML5
• Skin para VideoJS: Soccer, Fuzzy, AIR, Flat, Tube
• Skins para JWPlayer: AIR, Flat, Tube, Thin

Veja em CodeCanyonPreço $20