#processinghourofcode

doublevideo.html

<style>

div#container {
  position:relative;
	top:0;
	left:0;
	width:900px;
	height:450px;
	background:#369;
	margin: 4em auto;
}

div#videoOne, div#videoTwo {
	position:absolute;
	width:450px;
	height:450px;
	top:0;
	overflow:hidden;
}

div#videoOne{
	left:0;
}

div#videoTwo{
	left:450px;
}

div#videoOne iframe, div#videoTwo iframe {
	position: relative;
	margin-left: -175px;
}

</style>

<div id="container">

	<div id="videoOne">
	<iframe src="http://player.vimeo.com/video/58388167?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	</div>

	<div id="videoTwo">
	<iframe src="http://player.vimeo.com/video/58388167?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
	</div>

</div>