Video

Videos we use on Wikia. We use 16:9 ratio.

Primary sizes

Extra large size

Large size

Medium size

Small size

Extra small size

Thumbnail size

Usage

Large

HTML

<figure class="large video">
  <a class="overlay">
    <i class="icon-play"></i>
  </a>
  <img src=".../images/video_preview.jpg" alt="Video preview">
  <figcaption>Video title, if applicable, which can span no more than
  two lines</figcaption>
</figure>

---

Medium

HTML

<figure class="medium video">
  <a class="overlay">
    <i class="icon-play"></i>
  </a>
  <img src=".../images/video_preview.jpg" alt="Video preview">
  <figcaption>
    <h5>Elect Adam West Trailer</h5>
    Cosby sweater meggings quinoa, try-hard food truck bitters direct trade...
  </figcaption>
</figure>

---

Small

HTML

<figure class="small video">
  <a class="overlay">
    <i class="icon-play"></i>
  </a>
  <img src=".../images/video_preview.jpg" alt="Video preview">
  <figcaption>Elect Adam West Trailer</figcaption>
</figure>

---

Legacy format — 4:3

4:3 format, if appears, is put inside the nearest 16:9 format.

---