CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-11 01:48:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

Update video player config and progress bar visibility

Browse Source 
Renamed 'hls_info' to '_hls_info' in mock data and restored an empty 'hls_info' object. Changed 'useRoundedCorners' to false. Added a console log for 'autoplayHandler'. Modified progress bar visibility logic to always hide initially, regardless of embed player status.
This commit is contained in:
Yiannis Christodoulou 2025-10-11 00:26:26 +03:00
parent 0ff7269e87
commit 27a6ab0755
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx
View File

@ -1176,7 +1176,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
media_type: 'video', media_type: 'video',
original_media_url: original_media_url:
'/media/original/user/markos/db52140de7204022a1e5f08e078b4ec6.UniversityofCopenhagenMærskTower.mp4', '/media/original/user/markos/db52140de7204022a1e5f08e078b4ec6.UniversityofCopenhagenMærskTower.mp4',
hls_info: { _hls_info: {
master_file: '/media/hls/5073e97457004961a163c5b504e2d7e8/master.m3u8', master_file: '/media/hls/5073e97457004961a163c5b504e2d7e8/master.m3u8',
'240_iframe': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-1/iframes.m3u8', '240_iframe': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-1/iframes.m3u8',
'480_iframe': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-2/iframes.m3u8', '480_iframe': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-2/iframes.m3u8',
@ -1189,7 +1189,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
'144_playlist': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-4/stream.m3u8', '144_playlist': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-4/stream.m3u8',
'360_playlist': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-5/stream.m3u8', '360_playlist': '/media/hls/5073e97457004961a163c5b504e2d7e8/media-5/stream.m3u8',
}, },
// hls_info: {}, hls_info: {},
/* hls_info: { /* hls_info: {
master_file: '/media/hls/c1ab03cab3bb46b5854a5e217cfe3013/master.m3u8', master_file: '/media/hls/c1ab03cab3bb46b5854a5e217cfe3013/master.m3u8',
'240_iframe': '/media/hls/c1ab03cab3bb46b5854a5e217cfe3013/media-1/iframes.m3u8', '240_iframe': '/media/hls/c1ab03cab3bb46b5854a5e217cfe3013/media-1/iframes.m3u8',
@ -1342,7 +1342,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
}, },
// other // other
useRoundedCorners: true, useRoundedCorners: false,
isPlayList: false, isPlayList: false,
previewSprite: { previewSprite: {
url: 'https://videojs.mediacms.io/media/original/thumbnails/user/admin/43cc73a8c1604425b7057ad2b50b1798.19247660hd_1920_1080_60fps.mp4sprites.jpg', url: 'https://videojs.mediacms.io/media/original/thumbnails/user/admin/43cc73a8c1604425b7057ad2b50b1798.19247660hd_1920_1080_60fps.mp4sprites.jpg',
@ -2324,6 +2324,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
// Auto-start video on page load/reload with fallback strategy // Auto-start video on page load/reload with fallback strategy
autoplayHandler.handleAutoplay(); autoplayHandler.handleAutoplay();
} */ } */
console.log('autoplayHandler');
autoplayHandler.handleAutoplay(); autoplayHandler.handleAutoplay();
} else { } else {
// For embed players, setup clean appearance with hidden controls // For embed players, setup clean appearance with hidden controls
@ -2678,11 +2679,11 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
// Initial sync // Initial sync
syncProgressVisibility(); syncProgressVisibility();
if (isEmbedPlayer) { // if (isEmbedPlayer) {
// Initial sync - hide until video starts // Initial sync - hide until video starts
progressEl.style.opacity = '0'; progressEl.style.opacity = '0';
progressEl.style.visibility = 'hidden'; progressEl.style.visibility = 'hidden';
} // }
// Show when video starts // Show when video starts
const showOnPlay = () => { const showOnPlay = () => {