Video element sizing by height

For some reason, the video component responds only to the width and not to height. If I want the video to fill all the screen but the navbar, I’d like to put it into a div with 100vh height, but it crops the video or goes outside the div.

A video has fixed dimensions like an image. Normally you would not want a video’s aspect ratio to be changed. If you changed it you could not control what was in or out of the viewport. That would translate to a bad experience for users.

You could use a background video, with an overlay if needed, linking to the full video.

CSS3’s object-fit property can be used on self hosted html with your own player and no IFrames. You would not be able to do that with the embedly iframe generated by the “Add Video” object in the designer very easily.

1 Like