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
Last Comment
dgarofalo
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
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
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
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?
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
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
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
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;
}
video {
background-color:black;
}
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.
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
Open in new window