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

Enable and refine mobile play/pause touch handling

Browse Source 
Uncomments and activates the setupMobilePlayPause function to improve mobile play/pause behavior. Removes unnecessary console.log statements and refactors the play/pause logic for clarity.
This commit is contained in:
Yiannis Christodoulou 2025-10-11 01:00:00 +03:00
parent 26cf9241c4
commit ab96f33bf3
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -75,7 +75,6 @@ const enableStandardButtonTooltips = (player) => {
// Skip empty tooltips // Skip empty tooltips
if (!tooltipText || tooltipText.trim() === '') { if (!tooltipText || tooltipText.trim() === '') {
console.log('Empty tooltip for button:', buttonName, tooltipText);
return; return;
} }
@ -2324,7 +2323,6 @@ 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
@ -2420,7 +2418,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
}, 100); */ }, 100); */
} }
/* const setupMobilePlayPause = () => { const setupMobilePlayPause = () => {
const playerEl = playerRef.current.el(); const playerEl = playerRef.current.el();
const videoEl = playerEl.querySelector('video'); const videoEl = playerEl.querySelector('video');
@ -2498,7 +2496,9 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
touch.clientY <= iconRect.bottom; touch.clientY <= iconRect.bottom;
} }
if (playerRef.current.paused()) { const isPaused = playerRef.current.paused();
if (isPaused) {
// Always play if video is paused // Always play if video is paused
playerRef.current.play(); playerRef.current.play();
} else if (isTapOnCenterIcon) { } else if (isTapOnCenterIcon) {
@ -2529,7 +2529,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
videoEl.addEventListener('touchend', handleTouchEnd, { passive: false }); videoEl.addEventListener('touchend', handleTouchEnd, { passive: false });
} }
}; };
setTimeout(setupMobilePlayPause, 100); */ setTimeout(setupMobilePlayPause, 100);
// Get control bar and its children // Get control bar and its children
const controlBar = playerRef.current.getChild('controlBar'); const controlBar = playerRef.current.getChild('controlBar');