jwplayer中的倒带按钮答案

【问题标题】：Rewind button in jwplayerjwplayer中的倒带按钮
【发布时间】：2021-03-31 06:48:19
【问题描述】：

我在一个包含元素的页面上有 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">

【问题讨论】：

会一一倒带吗？还是根本不倒带？

标签： javascript html jwplayer

【解决方案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">

【讨论】：