Stylebook – Examples – Video

Examples for Video structuring

Here you can see how to structure videos in practice.
Always remember, its depending how much videos you are using. Will after a while come new videos, you should reorganize the videos until the design looks good again.
This helps alot to avoid corrupting the design after longer time, what make it necessary to build the pages from the beginning, what can take some time.

Below you see the example for the design of 3 videos in 3 columns or 4 videos with one as main and 3 below.

The Case of 5 Videos

If you are in the bad situation that you have more videos or less videos as it would fit in the design, you should think about to re- or move to a other position.
If you can not do that, than use the “5 Video style”, this means, you create a new section as regular and create a second section with the layout 1/2 + 1/2.

On this way, you can fit 5 Videos regular into the design.

When Im using which Style?

Unfortunately, you need to check it by your own, because the even and odd numbers can not be used for it.
The 1 mean the main video plus the videos below.

The 3 Video style: 1+3,6,9
The 5 Video style: 1+4,6,8

As you can see, both styles are crossing each other when reaching 6, if you have 1 main video and 6 video after that, use that 3 Video style, to keep it organized and not to use more display space than necessary.