Zencoder 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>Zencoder 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="http://www.amediaserver.co.uk/Media/zencoder/processed/964896317.jpg" autoplay="autoplay" controls="controls" data-setup="{}" width="478" height="848">
                <source src="http://www.amediaserver.co.uk/Media/zencoder/processed/964896317.webm" type='video/webm' />
                <source src="http://www.amediaserver.co.uk/Media/zencoder/processed/964896317.ogg" type='video/ogg' />                
                <source src="http://www.amediaserver.co.uk/Media/zencoder/processed/964896317.mp4" type="video/mp4" />
                
            </video>
        </div>
    </div>
</div>

CSS

#my_video_1 {
    display:inline-block;
}