Blog Home Page

Base blog homepage

by NicosKaralis

HTML

<script src="http://videojs.com/video-js/video.js"></script>
<link rel="stylesheet" href="http://videojs.com/video-js/video-js.css">
<link rel="stylesheet" href="http://videojs.com/video-js/skins/vim.css">
<link rel="stylesheet" href="http://nicoskaralis.heroku.com/stylesheets/coderay.css">
<!-- Begin VideoJS -->
<div class="video-js-box vim-css">
    <video class="video-js" width="640" height="264" controls preload poster="http://video-js.zencoder.com/oceans-clip.png">
        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
        <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' />
        <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"' />
        <img src="http://video-js.zencoder.com/oceans-clip.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." />
    </video>
    <p class="vjs-no-video">
        <strong>Download Video:</strong>
        <a href="http://video-js.zencoder.com/oceans-clip.mp4">MP4</a>,
        <a href="http://video-js.zencoder.com/oceans-clip.webm">WebM</a>,
        <a href="http://video-js.zencoder.com/oceans-clip.ogv">Ogg</a><br>
    </p>
</div>
<!-- End VideoJS -->

<br/>
<br/>
<br/>
<div class="CodeRay">
    <div class="code"><pre><span class="r">def</span> <span class="fu">method</span>
  puts <span class="s"><span class="dl">'</span><span class="k">hi</span><span class="dl">'</span></span>
  <span class="iv">@title</span> = <span class="s"><span class="dl">'</span><span class="k">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat...

JavaScript

VideoJS.setupAllWhenReady({
    controlsBelow: false,
    // Display control bar below video instead of in front of
    controlsHiding: true,
    // Hide controls when mouse is not over the video
    linksHiding: true,
    // Hide download links when video is supported
});