Soccer skin for Video.js icon

Soccer skin for Video.js

Go to Website
Hot or Not
Soccer skin for Video.js

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-soccer.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

Changelog

  • Fixbug UI – 16 January 2023.
  • Support live mode – 10 November 2020.
  • Support responsive on mobile – 18 April 2020.
  • The launch of the Soccer Skin Retina for VideoJS 7 project – 12 December 2019.

Other Skins

TypeCSS Component
AuthorFaceTheme
CategoryCss / Miscellaneous
Price$20
Sales13
PublishedDec 16, 2019
Last UpdateAug 8, 2023
Compatible BrowsersIE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge
Source Files IncludedHTML, CSS

Categories

CssMiscellaneous

Tags

bluecarrotgreenorangeplayerpurpleredretinaunlimited colorsvideo.jsvideoJSvideo playeryellow

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