Video Player

UX & Design

An all-purpose video player was required by Burberry. The player needed to work across a large amount of breakpoints as well as fit into a selection of applications such as Customer 1-2-1, Burberry World and Burberry.com.

The control bar can be broken down into 3 main sections; Play/Timestamp, Timeline and Icons. These each have a varying width and a fixed height. The individual components within them have a fixed size dependant on breakpoint size. The Control bar has a max width of 1024px, once this width is reached the background simply continues whilst the controls remain centered.