class vs id

[halukkaramete]

Hello,

I have multiple YT players on the same page one after another which comes to viewport just like the tiktok style.
there is a div over each player (which sits as an overlay on video ) to catch the user gestures and that div has a class.
( sure I can each div an ID ) but then, how would hammer/js work? That I do not know.

I'm confused because you select the element using getElementById.
If I change that initialization code to select those divs with getElementsByClassName, then the rest of the implementation will be drastically different, right?

Any suggestions how I should proceed?