Video

Introduction

The player component is used to play videos or audio content from Youtube. The player should not require user to install any additional software outside modern browsers. The player should always include basic play/pause controls and audio muting. The player also supports custom thumbnails and title overlay.

In large video elements you may include a quote text and the author

If you insert the textual elements on top the video elements, make sure the video thumbnail has no text. Never have any text in thumbnail centered in the video or it will be hidden under the play button. Playing video requires always user interaction. No autoplay.

You can use a video instead of a photo in horizontal content cards

In video stacks the video element takes four columns in width within the 12 column grid

You can align the video to left or right. Try to find a good visual balance regarding to the other elements in the view. Keep in mind the natural paths and patterns of human eye movement. Figure out the path of least resistance.

Title of the video

This is the body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Diam fringilla maecenas euismod suspendisse at gravida pulvinar nibh accumsan. Fringilla ullamcorper volutpat scelerisque at maecenas mi nunc, sed. Lectus ut nullam in duis senectus. Tellus a mi suspendisse odio sed pellentesque est. Tincidunt sociis eu et, euismod.

Video

Introduction

In large video elements you may include a quote text and the author

You can use a video instead of a photo in horizontal content cards

Title of content card

Title of content card

Title of content card

Title of content card

In video stacks the video element takes four columns in width within the 12 column grid

Title of the video

Title of the video

Title of the video

Title of the video

Title of the video

Title of the video