FEATURES
- Player with Cosmos Skin CSS/SCSS
- Skin with bootstrap-icons
- Adaptive/Responsive Design
- Add title and description to videos
- Skip Buttons (rewind fast forward)
- Playback rate speed button
- Quality Selector Plugin
- Logo Plugin (add your logo)
- Mobile UI Plugin (doble tap rewind forward, rotate for fullscreen)
- Context-Menu-UI Plugin
- Poster Time Plugin (show video duration or live)
- Youtube Playback Plugin
- You can add custom error image display
- You can add custom loading spinner svg
- Support and updates
HOW INCLUDE THE SKIN
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/video.js@8.6.1/dist/video-js.min.css></link>
<link rel="stylesheet" href="dist/vjs-cosmos.css></link>
<video-js id="video-player" class="vjs-cosmos vjs-16-9" poster="">
<script src="https://cdn.jsdelivr.net/npm/video.js@8.6.1/dist/video.min.js" ></script>
<script src="dist/video-player.js" ></script><br />
NOTE: All the last is ready in html file include.
REFERENCE-PAGE LINKS
- Video-js homepage
- Video-js guides page
- Css minifier page
- Page for search colors codes
- Page for create free online simple svg text logo
- Page for create custom svg loading spinners