v1.0 Tube Skin Retina for VideoJS

Subscribe to updates

Get notified by email if this item is updated

Tube Skin Retina for VideoJS

189 0 5
5 out of 5 based on 3 customer ratings
(3)

10$ Free Trial Version Coming Soon

Tube Skin Retina – Features: Video.js that is open source HTML5 & Flash video player, as well as YouTube and Vimeo (through plugins), used on over 200,000 websites, Skin with Tube Style, Retina Ready & Fully Responsive
HTML5 & CSS3, Support videojs-logo / videojs-watermark.

Compare

Buy item Elements

Version: v1.0
Created: 26 August 2016
Last Update: 26 August 2016
Author: FaceTheme
Category:

Tube Skin Retina for VideoJS

Features

    • Video.js that is open source HTML5 & Flash video player, as well as YouTube and Vimeo (through plugins), used on over 200,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>

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

  • Launch: The launch of the Tube Skin Retina for VideoJS 5 project – 01 June 2016.

Other Skins

  • Skin for VideoJS 5: Flat, Tube
  • Skin for VideoJS 4: Flat
  • Skins for JW7: Flat, Long Shadow, AIR, Thin Skins
  • Skins for JW6: vSkin, Mockup free, Long Shadow, Gloss, AIR Skins
Files Included

JavaScript JS, CSS, HTML

Compatible Browsers

Chrome, Firefox, Safari, Opera, Edge, IE11, IE10, IE9, IE8, IE7, IE6

High Resolution

Yes

3 reviews for Tube Skin Retina for VideoJS

  1. Tube Skin Retina for VideoJS
    5 out of 5

    :

    Dear Sir, I rate to 5 star due to style, but the player is not responsive, documentation is not good. Please update the player.

  2. Tube Skin Retina for VideoJS
    5 out of 5

    :

  3. Tube Skin Retina for VideoJS
    5 out of 5

    :

    I love it!

Add a review

Your email address will not be published. Required fields are marked *

 

Coming Soon

Dear users, an information about trial version is unavaible. We are working on solving this problem and soon information will be provided.

Please visiut us after a few days.