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

Question

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

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

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

这是 jwplayer 7 和 API。我试图更改 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 https://github.com/jwplayer/jwplayer/issues and/or 客户支持上通过 player.setConfig 提交功能请求以使 nextUpDisplay 可设置。

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

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

How to disable Next Up Card on playlist's last video in jwplayer

javascript

jwplayer

reactjs