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>

CSS

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

JavaScript 1.7

/** @jsx React.DOM */

var Youtube = React.createClass({
    render: function() {
        return (
            <div className="videoWrapper">
                <iframe src={"http://www.youtube.com/embed/" + this.props.code} frameBorder="0" allowFullScreen></iframe>
            </div>
        );
    }
});

var YoutubeList = React.createClass({
    render: function() {
        var rows = this.props.codes.split(',').map(function(code) {
            return <Youtube code={code}/>
        });

        return (
            <div>
                {rows}
            </div>
        );
    }
});
 
React.renderComponent(<YoutubeList codes="IytNBm8WA1c,wf_IIbT8HGk" />, document.body);