Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!
Características
- Agora suporte JW Player 8.x
- Skin para JW Player que é o reprodutor de vídeo mais popular da web, ao vivo em mais de 2 milhões de sites
- Pele com estilo liso
- Pronto para retina e totalmente responsivo
- Cores ilimitadas – qualquer cor que você gosta
- 8 demonstrações diferentes
- HTML5 e CSS3
- Suporte e atualizações
- Lista de desejos
- Arquivos SVG incluídos e bem documentados
Definir cores personalizadas
- skin.controlbar.text
- A cor de qualquer texto simples na barra de controle, como a hora.
- skin.controlbar.icons
- A cor inativa padrão de todos os ícones na barra de controle. Essa opção também controla a cor dos ícones de reprodução, pausa e repetição nos estados inativo e completo.
- skin.controlbar.iconsActive
- A cor dos ícones pairados ou selecionados na barra de controle.
- skin.controlbar.background
- A cor de fundo da barra de controle e do controle deslizante de volume. O plano de fundo padrão é transparente.
- skin.timeslider.progress
- A cor da barra no controle deslizante de tempo preenchida desde o início do vídeo até a posição atual. A região do buffer da barra de controle é 50% da opacidade dessa cor. A cor do controle deslizante de volume também é controlada por esta opção.
- skin.timeslider.rail
- A cor da base do controle deslizante de tempo, conhecida como trilho.
- skin.menus.text
- A cor do texto inativo e padrão nos menus e na sobreposição Next Up.
- skin.menus.textActive
- A cor do texto pairado ou selecionado nos menus. Essa opção também controla a cor do texto na sobreposição Descobrir e a cor do texto do estado de foco na sobreposição Próximo.
- skin.menus.background
- A cor de fundo dos menus e a sobreposição do Next Up.
- skin.tooltips.text
- A cor do texto das dicas de ferramenta.
- skin.tooltips.background
- A cor de fundo das dicas de ferramenta.
Referência
- Suporte ao JW Player 8
- Saiba mais sobre como usar skins do JW Player
- Saiba mais sobre o Guia de Skinning CSS
- Saiba mais sobre como criar skins do JW Player
- Saiba mais sobre Referência de Classes CSS do Skin
- Saiba mais sobre o arquivo CSS de amostra
- Gerador de fonte de ícones usando arquivos SVG
- Criando fonte de ícones para JW Player Skins
- Conversão de PX para EM simplificada
- Minificador/compressor de CSS on-line
- Inovação do JW Player: pesquisa, roteiro, experimentos
- Código Fonte do JW Player
- Como construir o JW Player a partir da fonte
- Carregamento de arquivo entre domínios
Log de alterações
- Tube Skin Retina para JWPlayer 8.12.4 – 04 de fevereiro de 2020.
- Tube Skin Retina para JWPlayer 8.3.0 – 07 de maio de 2018.
- Versão v1.2.4, suporte JW 7.12.8 – 13 de outubro de 2017.
- Versão v1.2.3, suporte JW 7.11.0 – 12 de maio de 2017.
- Versão v1.0.2, Fixbug para TimeTooltip muito alto – 29 de dezembro de 2016.
- Suporte JW 7.7.1 e Icons by Base64 – 14 de outubro de 2016.
- O lançamento do projeto Tube Skin Retina for JW7 – 30 de setembro 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
Artigos Relacionados