- Voir Plus d'information - le script
Caractéristiques
- Video.js qui est un lecteur vidéo open source HTML5 et Flash, ainsi que YouTube et Vimeo (via des plugins), utilisé sur plus de 400 000 sites Web
- Peau avec style tube
- Prêt pour la rétine et entièrement réactif
- HTML5 et CSS3
- Prend en charge le logo vidéojs / le filigrane vidéojs
- Prend en charge les raccourcis clavier :
- Assistance et mises à jour
- Liste de souhaits
- Bien documenté
– Flèche haut/bas ou molette de la souris -> volume de contrôle
– Flèche droite/gauche -> rechercher le joueur par 5s
– M -> basculer en sourdine
– F ou double-clic -> basculer en plein écran
– F ou Esc -> quitte le mode plein écran
– 0 -> redémarrer la vidéo
– 1-9 -> passer à une section particulière de la vidéo (par exemple, 0 est 0%, 9 est 90% et 5 va au milieu de la vidéo)
Inclure le skin sur la page
Le skin de base de Video.js est créé à l’aide de HTML et de CSS. Cela signifie que vous pouvez créer un habillage personnalisé en tirant simplement parti de l’aspect en cascade de CSS et en remplaçant les styles que vous souhaitez modifier.
Le nom de la classe principale pour tous les styles spécifiques à l’habillage. Pour créer votre propre skin, remplacez toutes les occurrences de ‘vjs-default-skin’ par un nouveau nom. Ajoutez ensuite votre nouveau nom de skin à votre tag vidéo au lieu du skin par défaut.
Référence
- Page d’accueil du lecteur VideoJS
- Documentation du lecteur VideoJS
- En savoir plus sur CSS Skinning Guide
- En savoir plus sur la création de skins VideoJS
- Créer un lecteur VideoJS personnalisé
- Générateur de polices d’icônes utilisant des fichiers SVG
- La conversion PX vers EM simplifiée
- Minificateur/Compresseur CSS en ligne
- Code source vidéoJS
- Comment construire VideoJS à partir de la source
Journal des modifications
- Tube Skin Retina pour VideoJS 7 – 08 mai 2019.
- Tube Skin Retina pour VideoJS 6 – 20 juin 2017.
- Lancement : Le lancement du projet Tube Skin Retina pour VideoJS 5 – 01 juin 2016.
Autres peaux
- Flor – Lecteur vidéo HTML5
- Skin pour VideoJS : Soccer, Fuzzy, AIR, Flat, Tube
- Skins pour JWPlayer : AIR, Flat, Tube, Thin