Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
React Native MJPEG
var styles = StyleSheet.create({
backgroundVideo: {
width:400,
height:322
}
})
return (
<View>
<WebView
style={styles.backgroundVideo}
automaticallyAdjustContentInsets={true}
scalesPageToFit={true}
startInLoadingState={false}
contentInset={{top: 0, right: 0, left: 0, bottom: 0}}
scrollEnabled={false}
source={{html: this.formatHtml(), baseUrl: '/'}} />
</View>
);
}
formatHtml () {
return ('<html><body><img src="' + this.props.mpjegUrl + '" width="100%" style="background-color: white; min-height: 100%; min-width: 100%; position: fixed; top: 0; left: 0;"></body></html>');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment