stefangordon/mjpegexample.js

## mjpegexample.js
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>');
  }
	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>');
	}