Características
- Video.js que é o html5 e flash player de código aberto, bem como o YouTube e o Vimeo (através de plugins), usados em mais de 400.000 sites
- Pele com estilo de tubo
- Retina pronta e totalmente responsiva
- HTML5 & CSS3
- Suporte a videojs logo / videojs-watermark
- Apoie os atalhos do teclado:
- Suporte e atualizações
- Suporte da lista de desejos
- Bem documentado
-Arrow para cima/para baixo ou roda do mouse -> Volume de controle
-Arrow direita/esquerda -> Procure jogador por 5s
-m -> alternar mudo
-para clique duas vezes -> alternar a tela cheia
-F ou ESC -> sai do modo de tela cheia
-0 -> Reiniciar vídeo
-1-9 -> Pule 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)
Inclua a pele na página
A pele base video.js é feita usando HTML e CSS. Isso significa que você pode construir uma pele personalizada simplesmente aproveitando o aspecto em cascata do CSS e substituindo os estilos que você gostaria de mudar.
<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 principal da classe para todos os estilos específicos da pele. Para fazer sua própria pele, substitua todas as ocorrências de ‘VJS-Default-Skin’ por um novo nome. Em seguida, adicione seu novo nome de pele à sua tag de vídeo em vez da pele 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 guia de pele do CSS
- Saiba mais sobre a construção de skins de vídeojs
- Crie player de vídeo personalizado
- Icones Gerador de fonte usando arquivos SVG
- Px para conversão Em simples simplifica
- Minificador/compressor on -line CSS
- Código fonte do vídeojs
- Como construir videojs a partir da fonte
Changelog
- Retina de pele de tubo para Videojs 7 – 08 de maio de 2019.
- Retina de pele de tubo para Videojs 6 – 20 de junho de 2017.
- Lançamento: O lançamento da retina da pele do tubo para o VideoJS 5 Project – 01 de junho de 2016.