HTML5 video in a Bootstrap modal window.

Bootstrap Modal Video Player html

<div class="modal-trigger">
	<canvas></canvas>
	<video preload="auto" controls="controls" poster="img/why-autologel-poster.png">
		<source src="media/why-autologel.mp4" type='video/mp4'>
		<source src="media/why-autologel.webm" type='video/webm'>
	</video>
</div>
<!-- Modal Window -->
<div class="modal fade" id="modal-window" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel"></h4>
			</div>
			<div class="modal-body">
				<div class="media"></div>
				<div class="copy"></div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>