Youtube Iframe

youtube-iframe.jsx

var React = require('react-native');

var {
  View,
  WebView,
  StyleSheet
} = React;


var style = StyleSheet.create({

  container : {
    height:300,
    backgroundColor:'transparent'
  },

  frame : {
    flex:1,
    width:320,
    height:315,
    alignSelf:'stretch',
    backgroundColor:'black'
  }

});

var Iframe = React.createClass({
  render() {
    return (
      <View style={style.container}>
        <WebView
          url={this.props.source}
          automaticallyAdjustContentInsets={false}
          style={style.frame}
        />
      </View>
    );
  }

});

module.exports = Iframe;