Amazon S3 videos

by AaronLayton

HTML

<script src="http://vjs.zencdn.net/c/video.js"></script>
<link rel="stylesheet" href="http://vjs.zencdn.net/c/video-js.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container page-container">
    
    <div class="hero-unit">
        <h1>Amazon S3 Videos</h1>
        <p>A test including all 3 converted videos for all devices /with flash fallback</p>
      </div>
    
    <div class="row">
        <div class="span12" style="text-align:center;">
            <video id="my_video_1" class="video-js vjs-default-skin" preload="auto" poster="https://eventure-moss-bros.s3.amazonaws.com/videos/processed/thumbnail/964896317.jpg" autoplay="autoplay" controls="controls" data-setup="{}" width="478" height="848">
                <source src="https://eventure-moss-bros.s3.amazonaws.com/videos/processed/webm/964896317.webm" type='video/webm' />
                <source src="https://eventure-moss-bros.s3.amazonaws.com/videos/processed/ogg/964896317.ogg" type='video/ogg' />                
                <source src="https://eventure-moss-bros.s3.amazonaws.com/videos/processed/mp4/964896317.mp4" type="video/mp4" />
                
            </video>
        </div>
    </div>
</div>

CSS

#my_video_1 {
    display:inline-block;
}