CakeIt Optimized

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>CakeIt Videos</h1>
        <p>This is the Optimised video</p>
        <p><a href="http://jsfiddle.net/AaronLayton/yANkQ/show" class="btn btn-primary btn-large">See original</a></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="http://cakeit.evdesign2.co.uk/video/splash.jpg" autoplay="autoplay" controls="controls" data-setup="{}" width="853" height="480">
                <source src="http://cakeit.evdesign2.co.uk/video/optimised.m4v" type="video/mp4" />
            </video>
        </div>
    </div>
</div>

CSS

#my_video_1 {
    display:inline-block;
}