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?
Active
2.1
Code
Where happens the dynamic setting of the height (style) of elements colorbox, cboxWrapper, cBoxMiddleLeft, cBoxMiddleRight, cboxContent and cboxLoadedContent? For some reason the Colorbox module is not able to pick up the correct height of my local MP4 video (in media field).
I could find any fix other than disabling Colorbox for video media with a custom module. Quite disappointed to the lack of responsiveness of the module's maintainers.