How to use the expo-av.Video.RESIZE_MODE_CONTAIN function in expo-av

To help you get started, we’ve selected a few expo-av examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github RocketChat / Rocket.Chat.ReactNative / app / containers / FileModal.js View on Github external
loadingRender={() => }
				/>
			
		);
	}
	if (attachment && attachment.video_url) {
		const [loading, setLoading] = useState(true);
		const uri = formatAttachmentUrl(attachment.video_url, user.id, user.token, baseUrl);
		return (
			<>
				<video style="{styles.video}"> setLoading(false)}
					onLoadStart={() =&gt; setLoading(true)}
					onError={console.log}
				/&gt;
				{ loading ?  : null }
			
		);
	}
	return null;
});
</video>
github expo / expo / apps / native-component-list / src / screens / AV / VideoPlayer.tsx View on Github external
};
        }
      | Asset;
  },
  State
> {
  readonly state: State = {
    isLoaded: false,
    isLooping: false,
    isPlaying: false,
    positionMillis: 0,
    durationMillis: 0,
    rate: 1,
    shouldCorrectPitch: false,
    useNativeControls: false,
    resizeMode: Video.RESIZE_MODE_CONTAIN,
  };

  _video?: Video;

  _handleError = (errorMessage: string) => this.setState({ errorMessage });

  _handleVideoMount = (ref: Video) => (this._video = ref);

  _updateStateToStatus = (status: any) => this.setState(status);

  _playAsync = async () => this._video!.playAsync();

  _pauseAsync = async () => this._video!.pauseAsync();

  _setPositionAsync = async (position: number) => this._video!.setPositionAsync(position);
github expo / expo / apps / native-component-list / src / screens / AV / VideoPlayer.tsx View on Github external
iconName: 'options',
            title: 'Native controls',
            onPress: this._toggleNativeControls,
            active: this.state.useNativeControls,
          },
          {
            iconName: 'move',
            title: 'Resize mode – stretch',
            onPress: this._resizeModeSetter(Video.RESIZE_MODE_STRETCH),
            active: this.state.resizeMode === Video.RESIZE_MODE_STRETCH,
          },
          {
            iconName: 'log-in',
            title: 'Resize mode – contain',
            onPress: this._resizeModeSetter(Video.RESIZE_MODE_CONTAIN),
            active: this.state.resizeMode === Video.RESIZE_MODE_CONTAIN,
          },
          {
            iconName: 'qr-scanner',
            title: 'Resize mode – cover',
            onPress: this._resizeModeSetter(Video.RESIZE_MODE_COVER),
            active: this.state.resizeMode === Video.RESIZE_MODE_COVER,
          },
          {
            iconName: 'resize',
            title: 'Open fullscreen',
            onPress: this._openFullscreen,
            active: false,
          },
        ]}
        header={this._renderVideo()}
      />
github expo / expo / apps / native-component-list / src / screens / AV / VideoPlayer.tsx View on Github external
{
            iconName: 'options',
            title: 'Native controls',
            onPress: this._toggleNativeControls,
            active: this.state.useNativeControls,
          },
          {
            iconName: 'move',
            title: 'Resize mode – stretch',
            onPress: this._resizeModeSetter(Video.RESIZE_MODE_STRETCH),
            active: this.state.resizeMode === Video.RESIZE_MODE_STRETCH,
          },
          {
            iconName: 'log-in',
            title: 'Resize mode – contain',
            onPress: this._resizeModeSetter(Video.RESIZE_MODE_CONTAIN),
            active: this.state.resizeMode === Video.RESIZE_MODE_CONTAIN,
          },
          {
            iconName: 'qr-scanner',
            title: 'Resize mode – cover',
            onPress: this._resizeModeSetter(Video.RESIZE_MODE_COVER),
            active: this.state.resizeMode === Video.RESIZE_MODE_COVER,
          },
          {
            iconName: 'resize',
            title: 'Open fullscreen',
            onPress: this._openFullscreen,
            active: false,
          },
        ]}
        header={this._renderVideo()}
github expo / playlist-example / App.js View on Github external
{this.state.playbackInstanceName}
github serlo / serlo-abc / src / components / common / Video.js View on Github external
render() {
    const platform = propOr('unknown', Constants, 'platform');

    return (
      
    );
  }
}