Description

Features

• • Video.js that is open source HTML5 & Flash video player, as well as YouTube and Vimeo (through plugins), used on over 400,000 websites
  • Skin with Tube Style
  • Retina Ready & Fully Responsive
  • HTML5 & CSS3
  • Support videojs-logo / videojs-watermark
  • Support keyboard shortcuts:

  ¨C Up/down arrow or mouse wheel -> control volume

• ¨C Right/left arrow -> seek player by 5s

• ¨C M -> toggle mute

• ¨C F or double click -> toggle fullscreen

• ¨C F or Esc -> exits full-screen mode

• ¨C 0 -> restart video

• ¨C 1-9 -> skip to a particular section of the video (e.g., 0 is 0%, 9 is 90% and 5 goes to the video midpoint)

• Support and updates
• Wishlist Support
• Well Documented

Include the skin on the page

The base Video.js skin is made using HTML and CSS. That means you can build a custom skin by simply taking advantage of the cascading aspect of CSS and overriding the styles you¡¯d like to change.

The main class name for all skin-specific styles. To make your own skin, replace all occurrences of ¡®vjs-default-skin¡¯ with a new name. Then add your new skin name to your video tag instead of the default skin.

Reference

• VideoJS Player Homepage
• VideoJS Player Documentation
• Learn more about CSS Skinning Guide
• Learn more about Building VideoJS Skins
• Create Custom VideoJS Player
• Icons font generator using SVG files
• PX to EM conversion made simple
• Online CSS Minifier/Compressor
• VideoJS Source Code
• How to build VideoJS from source

Changelog

• Support responsive on mobile ¨C 18 April 2020.
• The launch of the Soccer Skin Retina for VideoJS 7 project ¨C 12 December 2019.

Other Skins

• Flor ¨C HTML5 Video Player
• Skin for VideoJS: Soccer, Fuzzy, AIR, Flat, Tube
• Skins for JWPlayer: AIR, Flat, Tube, Thin

Share this:Click to share on Twitter (Opens in new window)Click to share on Facebook (Opens in new window)Click to share on Reddit (Opens in new window)Click to share on Telegram (Opens in new window)Click to share on WhatsApp (Opens in new window)