Tube Skin Retina for VideoJS icon

Tube Skin Retina for VideoJS

Go to Website
Hot or Not
Tube 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 Tube 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

  • Tube Skin Retina for VideoJS 7 – 08 May 2019.
  • Tube Skin Retina for VideoJS 6 – 20 June 2017.
  • Launch: The launch of the Tube Skin Retina for VideoJS 5 project – 01 June 2016.

Other Skins

AuthorFaceTheme
Price$20
Sales187
Rating4.8 (5)
PublishedAug 26, 2016
Last UpdateNov 25, 2019
Compatible BrowsersIE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
Demo Urlhttps://facetheme.github.io/#/videojs/tube/README
High ResolutionYes
Source Files IncludedJavaScript JS, HTML, CSS

Categories

Skins

Tags

bluecarrotflat skingreenorangeplayerpurpleredretinatealunlimited 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
Tube Skin Retina for VideoJS | Code Market