Yiannis Christodoulou
b224a66e74
Remove background color from video control elements
...
Eliminated the semi-transparent black background from multiple video control CSS selectors to improve visual consistency and reduce unnecessary styling.
2025-10-03 13:18:17 +03:00
Yiannis Christodoulou
373a64cfba
fix: Prevent scrollbars in video player and embed styles
2025-10-03 11:44:27 +03:00
Yiannis Christodoulou
ccfe93a0f4
Hide HLS buffer segment boundaries and update dev mode
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
7356531c07
Adjust seekbar and end screen overlay styles
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
1585d619a7
Improve video control alignment and responsive time display
...
Adjusted CSS for video control wrappers to ensure consistent alignment and spacing across desktop and mobile. Reduced gaps between PiP and fullscreen buttons, and hid subtitles button on small screens for better layout. Updated CustomRemainingTime.css to increase font size, padding, and font weight for better readability on smaller devices.
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
44e6beb814
Center and resize settings button in VideoJS
...
Added CSS rules to center the settings button within its wrapper and increased the SVG icon size by 2px for improved visual alignment in the video player controls.
2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
a43316bd5b
Add custom wrapper for fullscreen button in VideoJS
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
09bd4d59b1
Style and wrap picture-in-picture button in VideoJS
...
Added custom CSS for the picture-in-picture button wrapper to ensure consistent sizing and alignment with other controls. Updated VideoJSPlayer.jsx to wrap the PiP button in a styled container for improved UI consistency.
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
37464e5a86
Add custom wrapper for settings button in VideoJS
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
b70e8267ac
Add custom styling for subtitles button
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
30e3fce967
Add custom styling for chapters button
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
9e689c88ba
Add custom wrapper for autoplay toggle button
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
73ea56c79b
Add custom wrapper for volume panel
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
86ce2ce0de
fix: Global control order for all screens
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
75419a7402
fix: Dark background overlay when controls are visible to improve readability on bright videos
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
e885cc7c28
fix: Improve seekbar for mobile devices
2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
71ad76285f
feat: separate css files for better control
2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
c7ad28572f
fix: Grid items in related videos - Allow up to 9 videos on large tablets
2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
801f5cf22d
fix: Remove rounded corners on small mobile screens
2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
b04ad2344c
fix: Make seekbar more touch-friendly on Android
2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
57616c6b81
fix: Disable tooltip on touch devices (mobile and tablets)
2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
002016a9dd
fix: Do not use rounded corners in embed modal
2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
51b52c38a3
fix: Remove the dark background from avatar/title in embed
2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
89a74f6570
fix: The volume hover should be displayed in front of the seekbar
2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
ed07da1783
feat: Change autoplay icons and improve switch on/off functionality
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
380b537d45
feat: User rounded corners based on py value USE_ROUNDED_CORNERS
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
44a44d39f2
fix: Do not use box-shadow or borders on video-js:focus
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
ae24bcab02
fix: Do not use rounded corners by default in video-js
2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
9670ab7e11
fix: Sticky controls for embed player - always at bottom of window
2025-10-03 11:24:30 +03:00
Yiannis Christodoulou
68fa1efe87
feat: Add Embed Info Overlay Component (for embed player only)
2025-10-03 11:24:30 +03:00
Yiannis Christodoulou
5fda4610da
fix: Chapter title, next video icon, play video with sound, dark opacity, fix hls, cleanup logs
2025-10-03 11:24:30 +03:00
Yiannis Christodoulou
499d98a5b2
fix: Fullscreen video styles for embedded video player
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
e3291a5d75
feat: Focus the player element so keyboard controls work
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
222c728909
fix:(video.js) support embed functionality and ensure videos play independently on the same page
2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
5066f60c00
feat: Add a method to support player in the same page (e.g. for the embed page)
2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
492911786c
chore: Run prettier for css files
2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
ca830788ca
fix: Video.js (chaptersData conditions, separate sprite preview, add close icon in modal settings)
2025-10-03 11:24:26 +03:00
Yiannis Christodoulou
5d99a4e23d
feat: Video.js (qualities, css improvements)
...
- Settings menu content - split into separate variables for maintainability
- Only include qualities that have actual sources
- hls_info vs encodings_info
2025-10-03 11:24:26 +03:00
Yiannis Christodoulou
543085c38f
fix: Video.js improve browser/device compatibility, fixes and a lot improvements
2025-10-03 11:24:25 +03:00
Yiannis Christodoulou
3accbd29ce
fix: Video.js improve styling of Toolbar icons
...
- chapter popup
- settings popup
- autoplay
-align the icons properly in the bar
2025-10-03 11:24:25 +03:00
Yiannis Christodoulou
eaf87e20d8
feat: Autoplay functionality
2025-10-03 11:24:24 +03:00
Yiannis Christodoulou
d70b71228a
feat: Custom Seek Indicator Component for showing visual feedback during arrow key seeking
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
20e6a38fc8
chore: fix margins between tool icons
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
449baeabd1
style: Place the main tool icons to the right
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
a66d823d1d
feat: Related media at the end of video
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
8bf50795c2
fix: Push specific controls to the right side of control bar
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
b3ab626c91
fix the height of volume slider
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
3d08f3b29f
feat: Create the component CustomRemainingTime
2025-10-03 11:24:23 +03:00
Yiannis Christodoulou
3be86f91f7
feat: Welcome Video.js player v8.23.3
2025-10-03 11:24:22 +03:00
