Title: Problem using custom CSS files for video.js
Last modified: August 21, 2016

---

# Problem using custom CSS files for video.js

 *  Resolved [QuadPiece](https://wordpress.org/support/users/quadpiece/)
 * (@quadpiece)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/problem-using-custom-css-files-for-videojs/)
 * I get problems when trying to use my custom CSS with video.js
 * No matter what I try I can’t get it to use my CSS file.
    If I use anything but
   the default option it’ll just give me a video with no UI ([Screenshot](http://quadpiece.net/wp-content/uploads/2014/01/Screenshot_284.png))
 * I’ve tried:
    -Placing the CSS in the “videojs” directory and inputting the filename
   in the Skin Class setting (both with and without .css at the end) -Uploading 
   it to other servers and pasting a direct link in.
 * I want to know if I’m simply not placing the CSS in the correct folder or just
   what’s wrong.
 * My CSS was generated by the video.js designer, so I doubt it’s the problem. However
   the file’s right here if anyone wants to check: [Click me](http://quadpiece.net/wp-content/uploads/2014/01/qp-vjs.css)
 * [http://wordpress.org/plugins/video-embed-thumbnail-generator/](http://wordpress.org/plugins/video-embed-thumbnail-generator/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Author [Kyle Gilman](https://wordpress.org/support/users/kylegilman/)
 * (@kylegilman)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/problem-using-custom-css-files-for-videojs/#post-4551371)
 * The “Skin Class” plugin setting is not looking for a filename. It’s looking for
   a class name. In the video.js skin file, the instructions say this:
 * “To make your own skin, replace all occurances of ‘vjs-default-skin’ with a new
   name. Then add your new skin name to your video tag instead of the default skin.”
 * Once you’ve done a find and replace of ‘vjs-default-skin’ with something new,
   you can copy and paste all that CSS into your custom CSS or any CSS file that
   WordPress is already loading, then enter the class name you chose in the “Skin
   Class” plugin setting.
 *  Thread Starter [QuadPiece](https://wordpress.org/support/users/quadpiece/)
 * (@quadpiece)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/problem-using-custom-css-files-for-videojs/#post-4551377)
 * Ah, I see. Thanks.
 *  Thread Starter [QuadPiece](https://wordpress.org/support/users/quadpiece/)
 * (@quadpiece)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/problem-using-custom-css-files-for-videojs/#post-4551388)
 * I got it to work, thanks for the help!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Problem using custom CSS files for video.js’ is closed to new replies.

 * ![](https://ps.w.org/video-embed-thumbnail-generator/assets/icon.svg?rev=2965979)
 * [Videopack](https://wordpress.org/plugins/video-embed-thumbnail-generator/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/video-embed-thumbnail-generator/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/video-embed-thumbnail-generator/)
 * [Active Topics](https://wordpress.org/support/plugin/video-embed-thumbnail-generator/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/video-embed-thumbnail-generator/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/video-embed-thumbnail-generator/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [QuadPiece](https://wordpress.org/support/users/quadpiece/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/problem-using-custom-css-files-for-videojs/#post-4551388)
 * Status: resolved