From 1808d9adfc82ce7922b3c2eba9f99aacb16afa0e Mon Sep 17 00:00:00 2001 From: Dani Palou Date: Wed, 24 Apr 2024 12:51:09 +0200 Subject: [PATCH] MOBILE-4566 media: Fix videojs videos wider than viewport --- src/addons/filter/mediaplugin/services/videojs.ts | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/addons/filter/mediaplugin/services/videojs.ts b/src/addons/filter/mediaplugin/services/videojs.ts index 2bfb87f8f..2b5ea07e7 100644 --- a/src/addons/filter/mediaplugin/services/videojs.ts +++ b/src/addons/filter/mediaplugin/services/videojs.ts @@ -165,6 +165,14 @@ export class AddonFilterMediaPluginVideoJSService { const videoWidth = player.videoWidth(); const videoHeight = player.videoHeight(); const playerDimensions = player.currentDimensions(); + const offsetParentWidth = player.el().offsetParent?.clientWidth; + + if (offsetParentWidth && playerDimensions.width > offsetParentWidth) { + // The player is bigger than the container. Resize it. + player.dimension('width', offsetParentWidth); + playerDimensions.width = offsetParentWidth; + } + if (!videoWidth || !videoHeight || !playerDimensions.width || videoWidth === playerDimensions.width) { return; }