jwplayer中的倒帶按鈕

Question

我在一個頁面上有 4 個視頻播放器，其中包含元素

視頻1
視頻2
視頻3
視頻4

我正在嘗試添加一個按鈕，該按鈕將同時倒帶所有 4 個視頻播放器 30 秒，但此處不倒帶是代碼，對於我做錯的任何幫助或建議將不勝感激！

<input type="button" value="<-30" 
onClick="
var position = jwplayer('video1').getPosition(); position -= 30; jwplayer('video1').seek(position);
var position = jwplayer('video2').getPosition(); position -= 30; jwplayer('video2').seek(position);
var position = jwplayer('video3').getPosition(); position -= 30; jwplayer('video3').seek(position);
var position = jwplayer('video4').getPosition(); position -= 30; jwplayer('video4').seek(position);"
style="background:rgba(192,192,192,0.3);color:white;font-weight:bold" name="button2">

Answer 1

嘗試為每個玩家設置一個變量

const players = [
  jwplayer("video1").setup({ ... }),
  jwplayer("video2").setup({ ... }),
  jwplayer("video3").setup({ ... }),
  jwplayer("video4").setup({ ... })
]
document.getElementById("rewind").addEventListener("click", () => {
  players.forEach(player => {
    let position = player.getPosition();
    position -= 30;
    player.seek(position);
  })
});

<input type="button" value="<-30" id="rewind" style="background:rgba(192,192,192,0.3);color:white;font-weight:bold" name="button2">