Help with video tag in css

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?

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.