时间戳

首页 > 解决方案 > 如何在 jwplayer 中禁用播放列表最后一个视频的 Next Up Card

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

问题描述

我在视频播放列表上使用 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
    }

}

我应该怎么做？

标签： javascriptreactjsjwplayer

解决方案

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

一些播放器配置选项可以在设置后使用player.setConfig(options). nextUpDisplay请通过player.setConfiggithub 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';
  }
}

推荐阅读