jquery ve js ile ilgili garip bir sorum var

Merhaba,
soru başlığını açıkçası bulamadım.

plyr.io kullanıyorum ve sayfada bir den fazla video olacak.

const player = new Plyr('#player', {
  controls:false,
  muted:true,
  hideControls:false,
  clickToPlay:false,
  fullscreen:false,
  loop:{ active: true },
});

bu şekilde bir değişkenle videoyu plyr.io kütüphanesine dönüştürüyorum fakat istediğim şu;

function player_play(player_id){
    player_id.play();
    }

bu fonksiyona player_id ile "player" değişkeni yollarsam .play() çalışsın istiyorum. Bu şekilde player_id.play not defined diyor. bununla ilgili ne yapmak gerekir?

Her bir videoya benzersiz id ve js oynatma kodu tanimlamaniz gerekiyor, üstte yazmışsınız zaten. Bununla uğraşamam derseniz, document.querySelectorAll(); ile tüm video elemanlarını seçip döngüye alabilirsin.

videolar yaklaşık 20 adet ve değişiklik gösterebiliyor ben ise sadece istediğimi çalıştırmak istiyorum o yüzden amacım o yapıyı kullanmak hocam

Sayfanızdaki playerleri bir array'e ekleyebilirsiniz.

const players = Array.from(document.querySelectorAll('.player')).map((p) {
    return new Plyr(p, {
        controls:false,
        muted:true,
        hideControls:false,
        clickToPlay:false,
        fullscreen:false,
        loop:{ active: true },
    }) ;
});

Bu şekilde array indekslerini kullanarak kendi fonksiyonlarınızı yazabilirsiniz.

function player_play(player_id){
    players[player_id].play();
}