Internet Explorer is not supported by Design Library

The last version of Internet Explorer, version 11, was released on October 17, 2013. This is a very long time ago when taking into account the rapid development of web technologies. These days it is often difficult and time consuming to get modern technologies to work well in this old browser. More and more frameworks are dropping support, and even Microsoft themselves has announced that they will fully drop support for IE in their own services in 2021.

Consequently, we have decided to not include support for IE in the Design Library website.

Luckily, there are modern options in active development. Please use Firefox, Edge or Chrome instead.

seb logo

Video block

A block showing a video with related heading, text or bookmarks to sections in the video.

Video

Component meta

Component identifier

pw-video

Guidelines

Short description

The block displays an embedded video, a description or bookmarks to sections in the video can be added beside it.  The block is developed for Youtube and Creo videos. 

Behaviour

The section with the video can be aligned to the left or to the right. The text section is not limited to the same height as the video, however if the text exceeds the videos height, there will be black ribbons above and under the video to compensate, so take that into account. In smaller viewports the video is placed above the text section.

Desktop

Mobile

Do's and don'ts

  • Use bookmarks for videos that have more than one section of discussion or multiple points/USPs to convey to the viewer.
  • Use a good thumbnail for the video. Remember that this has a big impact on how many will actually click the video.

Specification

Specification

  • Bullet list have green check marks.
  • Name, title and image of expert/spokesperson are aligned to the left.
  • Background: Grey 800
  • Font: Grey 200

 

  • Grey 800
  • Grey 200

Page last updated

Feedback

Was this helpful?