Media: Video Player

This page decides how a video looks on your site before anybody presses play. Your videos are not loaded as players any more. Each one is a still with a play button over it, and the real YouTube or Vimeo player only arrives once a visitor clicks.

In this video

  1. 0:05 This page decides how a video looks on your site before anybody presses play.
  2. 0:10 Your videos are not loaded as players any more.
  3. 0:22 Rounded is what you have unless you change it.
  4. 0:33 Minimal puts nothing over the picture but a thin ring, and drops the title underneath in your own type and color.
  5. 0:39 Cinematic dims the still and brightens it as the mouse moves across, with the title set large beside the play button.
  6. 0:47 Use this style saves it.
  7. 0:53 There is no wrong answer here.

Transcript

0:05 This page decides how a video looks on your site before anybody presses play.

0:10 Your videos are not loaded as players any more. Each one is a still with a play button over it, and the real YouTube or Vimeo player only arrives once a visitor clicks. That is what keeps your pages quick.

0:22 Rounded is what you have unless you change it. Soft corners, a white play button, and your title along the bottom on a gradient so it stays readable over a bright picture.

0:33 Minimal puts nothing over the picture but a thin ring, and drops the title underneath in your own type and color.

0:39 Cinematic dims the still and brightens it as the mouse moves across, with the title set large beside the play button.

0:47 Use this style saves it. It applies everywhere at once, on whichever design you are running.

0:53 There is no wrong answer here. Pick the one that disappears into your design, not the one that stands out on this page.

Read the full article: Media: Video Player ← Help center