JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
/** @jsx React.DOM */
var Youtube = React.createClass({
render: function() {
var iframeStyles = {
overflow : 'hidden',
height : '100%',
width: '100%'
};
return <div><iframe style={iframeStyles} width="100%" height="100%" src={"http://www.youtube.com/embed/" + this.props.code} frameborder="0" allowfullscreen></iframe></div>;
}
});
React.renderComponent(<Youtube code="IytNBm8WA1c" />, document.body);