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