Problem using custom CSS files for video.js

  • Resolved QuadPiece

    (@quadpiece)


    12 years, 4 months ago

    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)

    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://ww.wp.xz.cn/plugins/video-embed-thumbnail-generator/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Kyle Gilman

    (@kylegilman)

    12 years, 4 months ago

    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

    (@quadpiece)

    12 years, 4 months ago

    Ah, I see. Thanks.

    Thread Starter QuadPiece

    (@quadpiece)

    12 years, 4 months ago

    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.