diff --git a/css/_videolayout_default.scss b/css/_videolayout_default.scss index 6fff9d92f4..6215610143 100644 --- a/css/_videolayout_default.scss +++ b/css/_videolayout_default.scss @@ -23,14 +23,9 @@ top: 0; width: 100%; - &.fit-full-height #largeVideoBackground { - height: 100%; - width: auto; - } - - .fit-full-width #largeVideoBackground { - height: auto; - width: 100%; + #largeVideoBackground { + min-height: 100%; + min-width: 100%; } } #largeVideoBackgroundContainer { diff --git a/react/features/large-video/components/LargeVideoBackground.web.js b/react/features/large-video/components/LargeVideoBackground.web.js index d9f4c733f3..bfbb45a6ca 100644 --- a/react/features/large-video/components/LargeVideoBackground.web.js +++ b/react/features/large-video/components/LargeVideoBackground.web.js @@ -15,18 +15,6 @@ export const ORIENTATION = { PORTRAIT: 'portrait' }; -/** - * A mapping of orientations to a class that should fit the - * {@code LargeVideoBackground} into its container. - * - * @private - * @type {Object} - */ -const ORIENTATION_TO_CLASS = { - [ORIENTATION.LANDSCAPE]: 'fit-full-width', - [ORIENTATION.PORTRAIT]: 'fit-full-height' -}; - /** * The type of the React {@code Component} props of * {@link LargeVideoBackgroundCanvas}. @@ -150,14 +138,11 @@ export class LargeVideoBackground extends Component { const { hidden, mirror, - orientationFit, showLocalProblemFilter, showRemoteProblemFilter } = this.props; - const orientationClass = orientationFit - ? ORIENTATION_TO_CLASS[orientationFit] : ''; const classNames = `large-video-background ${mirror ? 'flip-x' : ''} ${ - hidden ? 'invisible' : ''} ${orientationClass} ${ + hidden ? 'invisible' : ''} ${ showLocalProblemFilter ? 'videoProblemFilter' : ''} ${ showRemoteProblemFilter ? 'remoteVideoProblemFilter' : ''}`;