CSS Affecting 2 videos not 1

[k112]

Hi

I’ve searched for help for this issue on so many platforms and I cant get an answer.

Basically, I have 2 videos.
1 is a video background
2 is a transparent video I want to make 720p that lays over the top.

I am using “Classify” CSS plugin.
When I change the CSS of video 2, to 720p(or 50vh+50vw) it also changes video 1 to 720p.

I have been told in one location that I need to assign an AttributeID to each video and target the ID instead of having ‘video’ in the CSS.
I have attempted this but I’m fairly sure I’m doing it wrong.

https://imgur.com/a/yiKxGUQ
In the attached images you can see my attempt to tag the individual video via ‘#vidbgs’ but you will also see that by inputting this the scale/VH+VW reset on the video.

Any help is greatly appreciated, this issue has plagued me for days now.

Thanks in advance.

[ankur1]

you need to pass the id to the video tag too…

<video id="vidbgs">

Ankur@ Nocodetalks
Looking for a Bubble Coach? Checkout here

[k112]

You are a life saver!

Thank you so much, you have no idea how much you’ve helped me.
I have saved youre website as I think I’ll be needing assistance in the future.

Thanks again!