<!-- Ideally, the width="508" and height="348" would accurately reflect the correct asset ratio -->
<!-- the inline style width/height of 100% allow for responsive video -->
<figure class="media video">
<video width="508" height="348" style="width: 100%; height: 100%;" poster="//assets.iu.edu/web/media/video.jpg" controls preload="none">
<!-- MP4 for Safari, IE9, iPhone, iPad, Android, and Windows Phone 7 -->
<source type="video/mp4" src="//assets.iu.edu/web/media/video/video.mp4" />
<!-- WebM/VP8 for Firefox4, Opera, and Chrome -->
<source type="video/webm" src="//assets.iu.edu/web/media/video/video.webm" />
</video>
<figcaption>This is the HTML5 Video caption</figcaption>
</figure>