Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @filmgardi/videojs-theme with all npm packages installed. Try it out:

@filmgardi/videojs-theme lists no main file and has no index.js, so it can't be directly required. If this is a mistake, please let us know. It may however contain internal files that you can require manually:

// require("@filmgardi/videojs-theme/[??]")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@filmgardi/videojs-theme v1.0.6

Filmgardi theme for videojs player.

Videojs Filmgardi Themes

Filmgardi themes for video.js player :nail_care:.

Usage

You can pull in the CSS via link tags

<!-- Video.js base CSS -->
<link href="https://unpkg.com/video.js@7/dist/video-js.min.css" rel="stylesheet">

<!-- Filmgardi Theme -->
<link href="https://unpkg.com/@filmgardi/videojs-theme@1.0.6/dist/videojs-filmgardi.css" rel="stylesheet">

Or, if you're using CSS modules in JavaScript, you can install the NPM module:

npm install --save video.js  @filmgardi/videojs-theme

Then just import the files as you would other CSS.

import 'video.js/dist/video-js.css';

// Filmgardi Theme
import '@filmgardi/videojs-theme/dist/videojs-filmgardi.css';

When you've got the theme pulled in, you must add the vjs-filmgardi class to your player.

<video id="my-player" class="video-js vjs-filmgardi" ...>
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free