What I’m trying to do
I’m trying to adapt this fantastic snippet Sandbox/pub-Image Flags.css at main · Lithou/Sandbox · GitHub by @Lithou to resize and aling videos too with the “+grid” after the pipe, in order to have something like the following image but with videos instead
Things I have tried
It was pretty easy to resize videos by using the video tag like this
video {
width: 25%;
object-fit: contain;
max-height: 300px;
max-width: 550px;
display: block;
}
But i can’t menage to let the video work with the " [alt*="+grid"] " part.
I don’t have much css experience, but it seems that the image alignment works with the span tag, which can’t be directly used on videos i think?