The following boxes indicate which breakpoint should be applied to the player when it fills the width of its containing viewport.

Use these to validate that the default breakpoints match up with how CSS media queries work.

Because these bars are updated by CSS, they will change before the playerresize event occurs!

Each time the player size changes, a row is prepended to this table.