Code

Thin Skin Retina for JW Player

Thin Skin Retina for JW Player

Features

  • Now support JW Player 8.x
  • Premium Skins for JW Player 8: Free, Premium, Enterprise, Ads
  • Skin for JW Player 8 that is the most popular video player on the web, live on over 2 million sites
  • Retina Ready & Fully Responsive
  • Unlimited colors – any colour you like
  • SVG and LESS files included
  • Change color in 10 seconds or less
  • 6 Different Demos
  • HTML5 & CSS3
  • Support and updates
  • Wishlist Support
  • Well Documented

Setting Custom Colors

  • skin.controlbar.text
    • The color of any plain text in the control bar, such as the time.
  • skin.controlbar.icons
    • The default, inactive color of all icons in the control bar. This option also controls the color of the play, pause, and replay icons in the inactive and complete states.
  • skin.controlbar.iconsActive
    • The color of hovered or selected icons in the control bar.
  • skin.controlbar.background
    • The background color of the control bar and the volume slider. The default background is transparent.
  • skin.timeslider.progress
    • The color of the bar in the time slider filled in from the beginning of the video through the current position. The buffer region of the control bar is 50% of the opacity of this color. The color of the volume slider is also controlled by this option.
  • skin.timeslider.rail
    • The color of the base of the timeslider, known as the rail.
  • skin.menus.text
    • The color of inactive, default text in menus and the Next Up overlay.
  • skin.menus.textActive
    • The color of hovered or selected text in menus. This option also controls the text color in the Discover overlay and the hover state text color in the Next Up overlay.
  • skin.menus.background
    • The background color of menus and the Next Up overlay.
  • skin.tooltips.text
    • The text color of tooltips.
  • skin.tooltips.background
    • The background color of tooltips.

Reference in Documentation

  • JW Player 8 support
  • Learn more about Using JW Player Skins
  • Learn more about CSS Skinning Guide
  • Learn more about Building JW Player Skins
  • Learn more about Skin CSS Classes Reference
  • Learn more about Sample CSS File
  • Icons font generator using SVG files
  • Creating icons font for JW Player Skins
  • PX to EM conversion made simple
  • Free Online LESS Compiler
  • Free Offline LESS Compiler
  • Learn LESS in 10 Minutes (or Less)
  • LESS for Notepad++
  • Online CSS Minifier/Compressor
  • JW Player Innovation: Research, Roadmap, Experiments
  • JW Player Source Code
  • How to build JW Player from source

Changelog

  • Support JWPlayer 8 – 02 February 2020.
  • Support add brand logo on control bar – 02 May 2016.
  • Launch: The launch of the Thin Skin Retina for JW7 project – 25 November 2015.

Other Skins

by
by
by
by
by
by