Videojs Filmgardi Themes

Filmgardi themes for video.js player 💅.

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