I have a similar requirement. Video originates from webrtc on an iphone, goes to Ant Media server where its turned into HLS video. Using video.js for the player on a webapp.
Safari 13.1.1 on Mac and latest public Safari on iPhone both show vertical video as vertically letterboxed video in a horizontal view.
Chrome on Mac shows it properly as vertical video. Also shows landscape video properly as landscape (horizontal) video
I can force Safari to show it as vertical video by setting the video.js aspectRatio parameter to 9:16 But I need to be able to switch it based on the input video.
What is the proper way to do this?