Avatar of dgarofalo
dgarofalo
Flag for United States of America asked on

How do I create uniform dimensions for each row on the page?

How do I get the height of the video player to be the same on this page?


https://freedominaction.net/library/index.php


I tried the video tag and blox light class with the height rule, all to no avail.

CSSHTML

Avatar of undefined
Last Comment
dgarofalo

8/22/2022 - Mon
Scott Fell

You need to start with one video on the page.Or do you mean when it plays?


There is an issue with uploading my screenshots and I am not able to view the page so having to edit here.

You need to remove the style="width:250;height250;"

Then add to your CSS add

video {
object-fit: cover; 
}

Open in new window


lenamtl

Hi,
The problem you have is because some video title/ description are longer.
You can set a min-height to your box or limit the title and description length.
I have blurred the title/description and image
dgarofalo

ASKER
Thank you for the input. I truncated the name of the videos with CSS. How do I fill in the space in red so all thumbnails are the same size? Thank you.
I started with Experts Exchange in 2004 and it's been a mainstay of my professional computing life since. It helped me launch a career as a programmer / Oracle data analyst
William Peck
Scott Fell

From the two files I have uploaded, you can see the video tags are the same size.

If you use
video { object-fit: cover; } in place of the inline style, that will get the videos to all be the same size.

2021-11-24_8-51-28.jpg
2021-11-24_8-39-19.jpg

I apologize for t his odd post, because I tried adding my screenshots in the comment instead of attached, the page errored out on me and I had to wait until now to post again.  I see from your current page you found my edited suggestion. Is this where you want to be or do you need to modify some more?
ASKER CERTIFIED SOLUTION
Scott Fell

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
Scott Fell

If you do want to keep the videos as is, and fill in the red space, just back the video background all the same color like gray or black.

video {
background-color:black;
}
dgarofalo

ASKER
Thank you for the help!
Get an unlimited membership to EE for less than $4 a week.
Unlimited question asking, solutions, articles and more.