4.0Essential Grid 4.0 is here — see what’s new

Manual

Video in grids

YouTube, Vimeo, Wistia, SoundCloud and your own video files in a grid: how an item gets its video, and how it plays.

An item can play a video in the grid itself or in the lightbox: from YouTube, Vimeo or Wistia, a SoundCloud track, or a video file of your own (MP4). The video comes from the item; how it plays is set for the whole grid.

How an item gets its video

  • Your own items: in a custom grid, add a You Tube, Vimeo, Self Hosted Media or Sound Cloud item under Content › Add Items. Its dialog asks for the video, such as the YouTube ID, and its Video Ratio (Custom grids).
  • Posts: in the Essential Grid box below a post’s editor, the tab Alternative Sources takes a YouTube, Vimeo or Wistia ID, a SoundCloud track or a video file for that post (Posts, pages and custom post types).
The Edit Element dialog of a YouTube item: its image, the YouTube ID and the video ratio.

Whether the grid uses the video or the image of an item is decided by Media order on the Content page; whether the lightbox does, by its Sources (Click: lightbox and Ajax content).

How videos play in the grid

The Items page’s row Media in the grid holds Video in the grid:

SettingWhat it does
Video Playback in GridEnable: the video plays inside its item. Disable: the item shows its image instead.
Loop Video in GridStarts the video again at its end.
Video Playback on HoverPlays the video while a visitor points at the item, muted.
Show video controlsShows the player’s controls in the item.
Mute Inline VideoStarts videos in the grid without sound.
Layers over videoKeeps the skin’s layers over a playing video.
Items › Media in the grid: video playback, loop, play on hover, controls, mute and layers over video.

Privacy

In Global Settings › Images & video:

  • YouTube privacy mode plays YouTube videos from youtube-nocookie.com, so YouTube sets no cookies before a visitor plays a video.
  • Cache video thumbnails stores the YouTube and Vimeo thumbnails a grid uses on your server, instead of loading them from the video service each time.

On the page

In new 4.0 grids:

  • nothing loads from YouTube, Vimeo, Wistia or SoundCloud until a visitor plays the video, with a click, the keyboard or, with Video Playback on Hover, the pointer;
  • one video plays at a time: starting one pauses the one before;
  • a video that plays on hover is muted.

Good to know