chore(demo): update player look and feel - Githubissues

SRGSSR / pillarbox-web

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

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

MIT License

12 stars 1 forks source link

chore(demo): update player look and feel #120

Closed amtins closed 9 months ago

amtins commented 9 months ago

Description

Resolves #110 and by creating a style sheet to modify the player's appearance.

Changes made

player.js
- add import file extension
- active pillarbox reponsive mode
player.scss
- overrides side effects caused by global styles
- pbw-demo define player layout size
- modify vjs-title-bar style
- move vjs-text-track-display up so that it aligns with the control bar
- modify vjs-big-play-button style
- modify vjs-loading-spinner style and animation
- modify vjs-control-bar style
- display vjs-current-time and vjs-duration unless it's a live stream
- hide vjs-remaining-time
- modify vjs-progress-control style
- modify vjs-volume-tooltip style
- modify vjs-menu style
- modify vjs-error-display style
- modify vjs-text-track-settings style
imports player.scss into index.scss

github-actions[bot] commented 9 months ago

Coverage report

St.^{:grey_question:}	Category	Percentage	Covered / Total
🟢	Statements	98.37%	482/490
🟢	Branches	93.44%	228/244
🟢	Functions	100%	136/136
🟢	Lines	99.15%	465/469

Test suite run success

145 tests passing in 9 suites.

Report generated by 🧪jest coverage report action from 6b72664d8e39238bdb75305119313dea24d28a41