Breakpoints

1 ✦ Smallest mode (e.g. 160 x 120) is activated when the iFrame is < 260 px wide. It's an static image that shows title + play + backimage - and is itself a direct link to fullscreen.

2 ✦ Micro mode (e.g. 260 x 190) is activated when the iFrame is > 260 px wide. It's an static image that shows title + play + backimage + duration + price - and is itself a direct link to fullscreen.

3 ✦ Tiny mode (e.g. 340 x 190) is activated when the iframe is > 340 px wide. It's the "minimum playable version". It shows title + play + backimage + duration + views + ratings + link to fullscreen (+ price, if there is + further screens for login + PPV confirmation) + the video.

4 ✦ Mini mode (e.g. 490X280) is activated when the iframe is > 490 px wide. It shows title + play + backimage + duration + views + ratings + link to fullscreen (+ price, if there is) + login + "share" (and copy link to clipboard) + "watch later" + the video + menu and associated screens.

5 ✦ Mobile Horizontal Fullscreen Mode (depends on the size of your mobile screen) is activated when the user taps the fullscreen button and holds the device in horizontal position. It has all the features of the Mini Mode.

6 ✦ Mobile Vertical Fullscreen Mode (depends on the size of your mobile screen) is activated when the user tap the fullscreen button and holds the device in vertical position. It shows all the features of the Mini Mode / Mobile Horizontal Fullscreen Mode, but optimized for vertical Like in here (rough).

7 ✦ Large mode (e.g. 1920 x 1080). A fullscreen standalone version (there must have an activation threshold here, right?).