Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

VJS 5: Download a custom skin #2003

Closed
eXon opened this issue Apr 2, 2015 · 7 comments
Closed

VJS 5: Download a custom skin #2003

eXon opened this issue Apr 2, 2015 · 7 comments

Comments

@eXon
Copy link
Contributor

eXon commented Apr 2, 2015

By making it stupidly easy to create your own custom skin, I think people will start playing more with it and will overal improve the quality of the player. What if it took you only 2 minutes and you had a custom skin that reflect your branding?

One way we could help is with the dark force: a Web app on the Website. We could develop something in the same spirit as the Theme roller of jQuery UI. We don't even need a backend for this.

I'll be happy to write a first draft if it is something that interest enough people.

@eXon
Copy link
Contributor Author

eXon commented Apr 2, 2015

Just realized their is something right on the front page on videojs.com to build a custom skin. The idea is great but it looks a lot restraint on the options

@heff
Copy link
Member

heff commented Apr 2, 2015

Yeah we also have the designer and a codepen that I've been keeping up to date (I'm thinking we'll drop the designer in favor of the codepen). The homepage is really simple and is good for showing off the power of a CSS-based skin, but doesn't go too deep on configuration. With the designer you can do anything but you need to know CSS. Striking a balance between the two is tough. @mmcc is trying to help that with some of the CSS changes in #1999, specifically adding more obvious variables. I'm sure he has some thoughts he could add here. If we could make working in Codepen almost as easy as configuring with form fields, that would be my favorite direction.

@talamaska
Copy link

the problem is that the codepen is not showing any custom skin in action and the designer is with with video.js 4.12. Where can we see full documentation of how to change the theme properties, icons, add components etc. Seems it's been big issue since before - lack of good documentation;

@tankvn
Copy link

tankvn commented Oct 29, 2015

Flat Skin Retina for VideoJS 4.12 - codecanyon.net

  • Skin with Flat style, unlimited colors
  • Change color with LESS file
  • Icons font generator using SVG files

    (skin is not open source. sorry for the inconvenience)

@campones
Copy link

I see you included social sharing from iconmood but I dont know how to display this in the controlbar.

Also I ll be honest saying I don't like particularly the codepen editor

@halspace2001
Copy link

I'm getting a default server page here?!
http://designer.videojs.com/

Many thanks. Totally agreed - a theme roller like jquery mobile is going to be very helpful for customers.

@gkatsev
Copy link
Member

gkatsev commented Jun 11, 2018

Resurrecting the designer or the codepen with the latest video.js would be nice but the Video.js team doesn't really have the bandwidth for this, unfortunately.
If anyone is interested in adding it to the website, we'd really appreciate PRs against the website repo: https://github.com/videojs/videojs.com

@gkatsev gkatsev closed this as completed Jun 11, 2018
@github-actions github-actions bot locked as resolved and limited conversation to collaborators May 26, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

7 participants