Responsive Design Elastic Video


CSS:

<style>
/* make HTML5 video element elastic */
video {
max-width: 100%;
height: auto;
}
</style>

 

HTML (specify a maximum width & height):

<video id="player1" width="640" height="480" controls="control" preload="none">
<source src="sample.mp4" type="video/mp4" />
</video>


Page Footer is spanning 3 of 3 columns.
Bob Ponterio, 2013©