Window size:
{{windowWidth}} x {{windowHeight}}
Player dimensions
{{debugData?.resizer?.playerData?.dimensions?.width ?? 'not detected'}} x {{debugData?.resizer?.playerData?.dimensions?.height ?? 'not detected'}}
Player id: {{debugData?.resizer?.playerData?.elementId || '
Player classes:
{{debugData?.resizer?.playerData?.classList || '
Is full screen? {{debugData?.resizer?.playerData?.dimensions?.fullscreen ?? 'unknown'}}
Stream dimensions: (Native size of the video)
{{debugData?.resizer?.videoRawData?.streamDimensions.x}} x {{debugData?.resizer?.videoRawData?.streamDimensions?.y}}
Stream displayed dimensions: (Video file is being upscaled to this size)
{{debugData?.resizer?.videoRawData?.displayedSize?.x}} x {{debugData?.resizer?.videoRawData?.displayedSize?.y}}
Video element size: (Size of the html element)
{{debugData?.resizer?.videoRawData?.displayedSize?.x}} x {{debugData?.resizer?.videoRawData?.displayedSize?.y}}
Size difference to player (raw): (positive numbers: video element is bigger than player element)
x: {{debugData?.resizer?.sizeDifferenceToPlayer?.beforeZoom?.wdiff}}; y: {{debugData?.resizer?.sizeDifferenceToPlayer?.beforeZoom?.hdiff}}
Size difference to player (raw): (same as above, except after cropping, stretching, panning and zoom are applied)
x: {{debugData?.resizer?.sizeDifferenceToPlayer?.afterZoom?.wdiff}}; y: {{debugData?.resizer?.sizeDifferenceToPlayer?.afterZoom?.hdiff}}
Alignment: (I agree that 'left' and 'right' are both evil, but that's not the kind of alignments we're thinking of)
{{debugData?.resizer?.videoTranslation?.alignment || '
Translation
x: {{debugData?.resizer?.videoTranslation?.x}}; y: {{debugData?.resizer?.videoTranslation?.y}}
{{debugDataPrettified}}