<!-- 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>