如何在jwplayer中的播放列表上一个视频上禁用Next Up Card

Question

我正在视频播放列表上使用jwplayer，我已经激活了下一张卡，如下图所示。 （参考图片）

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

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

这是带有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)更改某些播放器配置选项。请提交功能请求，以通过nextUpDisplay在github https://github.com/jwplayer/jwplayer/issues和/或客户支持上使player.setConfig可设置。

与此同时，您可以做的就是使用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';
  }
}