When dealing with things like user-provided videos in HTML, you should always keep in mind that the users
probably want to see the whole video, without anything getting cut off anywhere.
When working on the EVP, I again ran into some CSS problems that occured on Chrome and Safari, but not on
Firefox and Edge.
What I'm talking about is a slight issue, but it breaks the rule mentioned at the beginning of the text.
In my main.css
-file, I've declared both a max-width
as well as a
max-height
of 60%
, thinking it would probably cover all aspect ratios on all
devices.
And on Firefox and Edge it did.
But again, not on Chrome and Safari, it didn't even work with standard 16:9 videos, there was always something
cut off at the bottom.
In the end, all I had to do was to remove the max-height
, which probably was a good desicion even
if the problem didn't exist, because now it covers even the weirdest aspect rations pretty well.
Anyways, that's all for this blog entry.
The EVP will hopefully be released somewhere in the future, but that is a thing for another blog post.