62 Commits

Author SHA1 Message Date
Yiannis Christodoulou
ea3cdda18c Refactor progress bar placement and controls in VideoJSPlayer
Moved the progress bar below the control bar for a native touch style, with configurable positioning and styling via PlayerConfig. Removed the TestButton and related code, and updated user action options to comment out click, tap, and doubleClick behaviors. Improved progress bar visibility handling based on user activity and cleaned up related event listeners.
2025-10-09 13:51:16 +03:00
Yiannis Christodoulou
c4a3e3f383 try vertical video 2025-10-06 19:15:02 +03:00
Yiannis Christodoulou
e65954f391 Refactor embed player styles and overlay behavior
Simplifies and updates embed player CSS for YouTube-style fullscreen poster and video display, moving legacy styles to embed_OLD.css. Refines overlay visibility logic in EmbedInfoOverlay for more accurate YouTube-like behavior, and ensures embed styles are imported in VideoJSPlayer. Updates HTML to enforce full-viewport sizing and overflow handling for embedded player.
2025-10-06 13:57:54 +03:00
Yiannis Christodoulou
a29d94dcbd Remove VideoJSNew and consolidate player components
Deleted VideoJSNew.jsx and removed VideoJSPlayerNew from exports. Merged VideoJSPlayerNew.css into VideoJSPlayer.css and updated VideoJSPlayer.jsx with new features, configuration, and sample data. Refactored and enhanced VideoJSPlayer to be the main player component, updating references and improving tooltip, autoplay, and control bar logic.
2025-10-06 12:41:54 +03:00
Yiannis Christodoulou
afaab453e1 refactor everything related to video.js 2025-10-06 11:42:07 +03:00
Yiannis Christodoulou
ccfe93a0f4 Hide HLS buffer segment boundaries and update dev mode 2025-10-03 11:24:35 +03:00
Yiannis Christodoulou
94d8a70d59 Update mock media data for VideoJSPlayer
Replaces the mock video, poster, and related URLs in the development fallback data with new assets for user 'markos'. Updates encoding and HLS info to match the new video, and disables development mode by setting isDevMode to false.
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
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
d7c62530b0 Wrap buttons in custom div container 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
0c0d9c66d2 fix: On mobile, pause the video on second tap only 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
fa85e5768a fix: Responsive grid adjustments for different screen sizes 2025-10-03 11:24:34 +03:00
Yiannis Christodoulou
b228527924 fix: Ensure play icon (SeekIndicator) stays centered in embed view regardless of window size 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
71ad76285f feat: separate css files for better control 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
7c249dd1ef fix: Show avatar and title when video is paused/stopped in embed mode 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
5b691f3456 fix: For embed players, disable autoplay to show poster 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
e47942608d Update VideoJSPlayer.jsx 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
bb70888748 fix: Improve autoplay countdown 2025-10-03 11:24:33 +03:00
Yiannis Christodoulou
7ae9eb21e7 sample data urls for testing 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
45d0665e37 feat: Helper function to check if chapters represent a meaningful chapter structure 2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
71b9935d2c feat: Truncate chapter's title above the timeline thumbnail if is too long 2025-10-03 11:24:32 +03:00
Yiannis Christodoulou
f3888981db feat: Skip the autoplay if is playlist by passing the isPlayList to the video.js 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
7f12038e60 fix: Use the correct poster url 2025-10-03 11:24:31 +03:00
Yiannis Christodoulou
d3b58bf27b chore: Do not use the full url in hls_info 2025-10-03 11:24:31 +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
a89ee7b0e0 fix: Fullscreeen left/right/play/pause arrow keys doesn't work
BUG3. Fullscreeen left / right arrows doesn't work. Even if they work, if i leave the fullscreen and then enter again they are lost.
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
a74f51f9cd chore: change text to chapterTitle 2025-10-03 11:24:29 +03:00
Yiannis Christodoulou
738d0d9e00 feat: Convert chapters data from backend format to required format with memoization 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
5474db0b86 dev mode is now handle from env file 2025-10-03 11:24:28 +03:00
Yiannis Christodoulou
d702689a0c feat: Check if this is an embed player (disable next video and autoplay features) 2025-10-03 11:24:28 +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
127e3d2573 feat: Video.js has now audio files support 2025-10-03 11:24:27 +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
0dda684c3f prepare the __chapter_data 2025-10-03 11:24:26 +03:00
Yiannis Christodoulou
96100d920d fix: Get the correct object for chapter_data from backend 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
Markos Gogoulos
d88f4a27cc chapters 2025-10-03 11:24:25 +03:00
Yiannis Christodoulou
eaf87e20d8 feat: Autoplay functionality 2025-10-03 11:24:24 +03:00
Yiannis Christodoulou
de520e9faa fix: Next video link 2025-10-03 11:24:24 +03:00