https://github.com/muxinc/player.style
A fresh collection of media player themes for every use case!
https://github.com/muxinc/player.style
htmlmediaelement media-chrome
Last synced: 4 months ago
JSON representation
A fresh collection of media player themes for every use case!
- Host: GitHub
- URL: https://github.com/muxinc/player.style
- Owner: muxinc
- License: mit
- Created: 2023-07-26T20:29:05.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2026-03-25T20:07:27.000Z (4 months ago)
- Last Synced: 2026-03-26T19:52:37.641Z (4 months ago)
- Topics: htmlmediaelement, media-chrome
- Language: HTML
- Homepage: https://player.style
- Size: 3.37 MB
- Stars: 247
- Watchers: 6
- Forks: 20
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# player.style
Video and audio player themes built with [Media Chrome](https://media-chrome.org), for every web player and framework.
Visit [player.style](https://player.style).
# Local Development
This is a monorepo that uses NPM workspaces and Turbo. The root package is also a published package, which currently prevents having identically named NPM scripts in both the root and workspace packages.
For this reason we use the `turbo` CLI directly in the root directory.
1. Install Turbo globally: `npm install -g turbo`
1. Clone the repository
1. Run `npm install`
1. Run `turbo build`
### Handling Dependency Conflicts with `media-chrome`
If your project already includes `media-chrome` and you encounter dependency conflicts, you can override the resolution to ensure compatibility.
#### Solution: Using `overrides` in `package.json` (for npm 8+)
If you're using **npm** 8 or later, you can enforce a specific version of `media-chrome` in your `package.json` by adding an `overrides` field:
```json
{
"overrides": {
"media-chrome": ""
}
}
```
If you’re using **Yarn**, you can enforce a specific version with the resolutions field:
```json
{
"resolutions": {
"media-chrome": ""
}
}
```