fix(video-engagement): video player controls buttons shift position in fullscreen on mobile.

In mobile view, when a video has engagement options enabled
and the comment box is open, the player controls (pause and seek/forward)
change position unexpectedly when entering fullscreen.

Author: Asteriskkkk

assets/src/js/godam-player/engagement.js

@@ -1191,6 +1191,29 @@ function CommentBox( props ) {
 		videoContainer.appendChild( currentVideo );
 		document.body.classList.add( 'no-scroll' );
 
+		// Trigger a resize after moving the current video into the modal container
+		// to reposition the skip control buttons according to the new dimensions,
+		// particularly for mobile devices.
+		let resizeHandled = false;
+		// Prefer triggering a scoped resize on the Video.js player instance
+		// instead of dispatching a global window resize event.
+		const videoElement = videoContainer?.querySelector( 'video' );
+		if (
+			videoElement &&
+			typeof window.videojs !== 'undefined' &&
+			typeof window.videojs.getPlayer === 'function'
+		) {
+			const player = window.videojs.getPlayer( videoElement );
+			if ( player && typeof player.trigger === 'function' ) {
+				player.trigger( 'resize' );
+				resizeHandled = true;
+			}
+		}
+		// Fallback: if the Video.js player instance cannot be resolved,
+		// dispatch a global window resize event.
+		if ( ! resizeHandled ) {
+			window.dispatchEvent( new Event( 'resize' ) );
+		}
 		return () => {
 			if ( currentVideoParent && currentVideo ) {
 				currentVideoParent.insertBefore( currentVideo, currentVideoParent.firstChild );