Video file height not recognized

I have a 1152 x 1760 portrait video file in a core (10.4.6) media field and I have set the field format to Colorbox (view modes) and created a custom view mode Large and set width and height to 900 px in video media type's Manage Display:

But Colorbox shows a landscape popup with only 450 px of height:

<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: block; visibility: visible; top: 448px; left: 0px; position: fixed; width: 900px; height: 450px;"><div id="cboxWrapper" style="height: 450px; width: 900px;"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left; width: 900px;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left; height: 450px;"></div><div id="cboxContent" style="float: left; width: 900px; height: 450px;"><div id="cboxLoadedContent" style="width: 900px; overflow: auto; height: 450px;">

If I leave the width or both size fields empty I get a 300 x 150 landscape popup:

<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: block; visibility: visible; top: 598px; left: 244px; position: fixed; width: 300px; height: 150px;"><div id="cboxWrapper" style="height: 150px; width: 300px;"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left; width: 300px;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left; height: 150px;"></div><div id="cboxContent" style="float: left; width: 300px; height: 150px;"><div id="cboxLoadedContent" style="width: 300px; overflow: auto; height: 150px;">

Why doesn't Colorbox respect the aspect ratio of the video file or how should I configure this?