Flor - HTML5 Video Player

Features

• An extension and skin for video.js 8
• Video.js that is open source HTML5 & Flash video player, as well as YouTube and Vimeo (through plugins), used on over 400,000 websites
• Retina Ready & Fully Responsive
• HTML5 & CSS3
• 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.

<link rel="stylesheet" type="text/css" href="./video-js/video-js.min.css></link> <link rel="stylesheet" type="text/css" href="./video-flor/videojs-flor.css></link> <script type="text/javascript" src="./video-js/video.js" ></script> <script type="text/javascript" src="./video-flor/videojs-flor.min.js" ></script>

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

• Version 2.2 update 2024 – 30 December 2024.
• Version 2.1 update 2023 – 01 October 2023.
• Version 2.0 update 2021 – 06 June 2021.
• Version 1.2 support Fuzzy skin – 12 June 2020.
• Version 1.1 support video.js v7.8.3 – 01 June 2020.
• Launch: The launch of the Flor HTML5 Video Player project – 01 January 2020.

Other Skins

• Skin for VideoJS: Soccer, Fuzzy, AIR, Flat, Tube
• Skins for JWPlayer: AIR, Flat, Tube, Thin