mirror of
https://github.com/mediacms-io/mediacms.git
synced 2025-11-09 00:48:54 -05:00
9ada2cb8c9
Introduced a new controlBar configuration in playerConfig.js to allow customization of control bar background color, height, and font size. Updated VideoJSPlayer.jsx to apply these styles dynamically, including line height for time controls.
38 lines
929 B
JavaScript
38 lines
929 B
JavaScript
/**
|
|
* Video Player Configuration
|
|
* Centralized configuration for video player customizations
|
|
*/
|
|
|
|
const PlayerConfig = {
|
|
// Progress bar configuration
|
|
progressBar: {
|
|
// Position: 'top' or 'bottom'
|
|
// 'top' - progress bar above control bar
|
|
// 'bottom' - progress bar below control bar (default/native style)
|
|
position: 'top',
|
|
|
|
// Progress bar color (hex, rgb, or CSS color name)
|
|
color: '#019932',
|
|
|
|
// Background color of the progress track
|
|
trackColor: 'rgba(255, 255, 255, 0.3)',
|
|
|
|
// Loaded buffer color
|
|
bufferColor: 'rgba(255, 255, 255, 0.5)',
|
|
},
|
|
|
|
// Control bar configuration
|
|
controlBar: {
|
|
// Background color
|
|
backgroundColor: '#FF00000', // 'rgba(0, 0, 0, 0.7)',
|
|
|
|
// Height in em units
|
|
height: 3,
|
|
|
|
// Font size in em units
|
|
fontSize: 1.5,
|
|
},
|
|
};
|
|
|
|
export default PlayerConfig;
|