SublimeVideo: Interactive thumbnails HTML markup

gistfile1.html

<div id="interactive">
  <div class="video_wrap">
    <video id="video1" class="sublime" poster="posterframe1.jpg"
           width="640" height="360" preload="none">
      <source src="video1.mp4" />
      <source src="video1.webm" />
      <source src="video1.ogv" />
    </video>
  </div>
  <div class="video_wrap">
    <video id="video2" poster="posterframe2.jpg"
           width="640" height="360" preload="none">
      <source src="video2.mp4" />
      <source src="video2.webm" />
      <source src="video2.ogv" />
    </video>
  </div>

  <ul>
    <li id="thumbnail_video1">
      <a href="">
        <img alt="Thumbnail 1" src="thumbnail1.jpg" width="178" height="76" />
      </a>
    </li>
    <li id="thumbnail_video2">
      <a href="">
        <img alt="Thumbnail 2" src="thumbnail2.jpg" width="178" height="76" />
      </a>
    </li>
  </ul>
</div>