feat(player): add default css skin

SRGSSR / pillarbox-web

Pillarbox is a versatile media playback ecosystem engineered for the web.

https://srgssr.github.io/pillarbox-web-demo/

MIT License

11 stars 1 forks source link

feat(player): add default css skin #180

Closed amtins closed 7 months ago

amtins commented 7 months ago

Description

Resolves #165 by offering a default CSS theme for the player interface. This default theme includes the video player as well as the audio player bar.

The folder architecture and file naming of the CSS files strictly respect those provided by video.js.

Finally, all CSS rules are encapsulated in the theme class named pillarbox-js.

Changes made

customization of visual components
definition of different breakpoint sizes

github-actions[bot] commented 7 months ago

Coverage report

St.^{:grey_question:}	Category	Percentage	Covered / Total
🟢	Statements	98.39%	489/497
🟢	Branches	93.44%	228/244
🟢	Functions	100%	136/136
🟢	Lines	99.16%	473/477

Test suite run success

153 tests passing in 9 suites.

Report generated by 🧪jest coverage report action from e29fcf62d6646ba61b375da9221f48ce74efa783

jboix commented 7 months ago

Looks good to me! I've added some documentation to the wiki regarding how to integrate this skin: https://github.com/SRGSSR/pillarbox-web/wiki/Getting-started#quick-guide

Would be great to move this to the README once we've tested it and it works fine.

amtins commented 7 months ago

After discussion, it was decided that a specific task related to documentation would be carried out.