javascript - 如何在 jwplayer 中的播放列表的最后一个视频上禁用下一个卡

Question

我在视频播放列表上使用 jwplayer，我已激活下一张卡，如下图所示。 (引用图)

问题是，当播放列表的最后一章是播放器并且显示“下一个”卡时，它会显示播放列表上的第一个视频。

我尝试仅在播放列表的最后一个视频上禁用下一张卡。

这是带有 API 的 jwplayer 7。我尝试更改 jwplayer 的设置，但这会刷新整个播放器。

componentWillMount() {

  const player = this.getPlayer() //this only get my player
  player.on('play', this.playHandler)
}

playHandler() {
  const player = this.getPlayer()

  if(this.props.currentChapter === this.props.playlist.length - 1) {
    player.setup({ nextUpDisplay: false}) //this reload my player
    }

}

我应该怎么做？

Answer 1

nextUpDisplay 是静态设置。设置后无法更改。

使用player.setConfig(options)设置后可以更改某些播放器配置选项。请提交功能请求，以便通过 github 上的 player.setConfig 设置 nextUpDisplay https://github.com/jwplayer/jwplayer/issues和/或客户支持。

与此同时，您可以做的就是使用 CSS 隐藏和显示卡片:

const nextUpElement = player.getContainer().querySelector('.jw-nextup-container');
if (nextUpElement) {
  if (player.getPlaylistIndex() === player.getPlaylist().length - 1) {
    nextUpElement.style.display = 'none';
  } else {
    nextUpElement.style.display = 'block';
  }
}