Videojs Cosmos Skin

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