Air Skin Retina for VideoJS icon

Air Skin Retina for VideoJS

Go to Website
Hot or Not
Air Skin Retina for VideoJS

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 Air Style
  • Retina Ready & Fully Responsive
  • HTML5 & CSS3
  • Support videojs-logo / videojs-watermark
  • Support keyboard shortcuts:
    • – Up/down arrow or mouse wheel -> control volume – Right/left arrow -> seek player by 5s – M -> toggle mute – F or double click -> toggle fullscreen – F or Esc -> exits full-screen mode – 0 -> restart video – 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.

<link rel="stylesheet" type="text/css" href="./video-js-5.10.4/video-js.min.css></link>
<link rel="stylesheet" type="text/css" href="./video-js/videojs-tube.min.css></link>

<script type="text/javascript" src="./video-js/video.js" ></script>
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. 
<video class="video-js vjs-big-play-centered">

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

  • The launch of the Air Skin Retina for VideoJS 7 project – 17 November 2018.
  • The launch of the Air Skin Retina for VideoJS 6 project – 16 November 2018.
  • The launch of the Air Skin Retina for VideoJS 5 project – 15 November 2018.

Other Skins

TypeCSS Component
AuthorFaceTheme
CategoryCss / Miscellaneous
Price$20
Sales7
PublishedNov 17, 2018
Last UpdateNov 17, 2018
Compatible BrowsersIE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
Compatible SoftwareCSS2, CSS3, Other
Source Files IncludedJavaScript JS, HTML, CSS

Categories

CssMiscellaneous

Tags

bluecarrotgreenorangeplayerpurpleredretinatealunlimited colorsvideoJSVideoJS 5violetyellow

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit