logo
THEOplayer
ABR
Miscellaneous
ActiveTrackInfoLabelActiveTrackLabeledMetricAnalyticBaseAnalyticMapAnalyticAnalyticTypeBaseUriLabelBase64UtilBufferedSegmentsBufferSourceCanPlayEventCanPlayThroughEventCanvasCertificateResponseCertificateRequestClipClipEventMapComcastIntegrationIDComcastDRMConfigurationCommonUtilsCrossOriginSettingCurrentSourceChangeEventDashPlaybackConfigurationDataEventDirectionChangeEventDimensionChangeEventDurationChangeEventEdgeStyleEmptiedEventEncryptedEventEndedEventErrorCategoryErrorCategoryErrorCodeErrorCategory.fromCode()ErrorEventErrorTypeFirstResponseMetricFirstResponseLabelFullscreenOptionsGeoHistogramMetricHistogramTrackLabeledMetricHlsDiscontinuityAlignmentHistogramLabelHlsPlaybackConfigurationHTTPHeadersInterceptableRequestInterceptableResponseKeyFrameLabelLatencyConfigurationLatencyManagerLicenseRequestLicenseResponseListLoadedDataEventMaybeAsyncLoadedMetadataEventMediaErrorMediaErrorCodeMeasurableNetworkEstimatorMediaFileMediaTypeMetadataDescriptionMetricMetricLabelMutedAutoplayConfigurationNodeStyleVoidCallbackPauseEventPlayBackRateLabelPlayingEventPlayEventPlayReadyKeySystemConfigurationProgressEventRateChangeEventReadyStateChangeEventReasonLabelRelatedChangeEventRelatedContentRelatedContentSourceRelatedShowEventRelatedHideEventRelatedContentEventMapRemoveTrackEventSeekedEventSeekingEventSeekReasonSegmentReceiveIntervalDataSeamlessPeriodSwitchStrategySmartSightConfigurationSocialSharingSocialSharingItemSmartSightIntegrationIDSpotxDataSpotxQueryParameterStereoChangeEventStateChangeEventStreamLabeledMetricStringKeyOfTargetQualityChangedEventThumbnailResolutionTHEOplayerErrorTimeUpdateEventTotalTimePlayedMetricTypeLabelTypedMetricUniversalAdIdUnlabeledMetricUpdateQualityEventUpNextBarUpNextManagerUpNextPanelUpNextSourceutilsVisibilityObserverCallbackVisibilityVoidPromiseCallbackVisibilityObserverVolumeChangeEventWaitUntilCallbackWaitingEventWebAudio
Ads
Caching
Analytics
Content protection
Casting
Media and Text Tracks
Source
Verizon Media
Events
HESP
SSAI
Network
Presentation
Player
UI
VR

THEOplayer > UpNextPanel

UpNextPanel interface

A panel which displays the up next source.

Signature:

export interface UpNextPanel 

Remarks


- The panel should be shown after the current source has ended.
- The panel covers the entire player.
- Available since v2.15.

Properties

Property

Type

Description

countdownDuration (optional)

string | number

The countdown after which the up next source is started.

showing

boolean

Whether the panel is showing.

showUpNextPanel (optional)

boolean

Whether the panel should be shown after the current source has ended.

Methods

Method

Description

hide​(): void

Hide the panel.

show​(): void

Show the panel.

Property Details

countdownDuration

The countdown after which the up next source is started.

Signature:

countdownDuration?: string | number;

Remarks


- Countdown starts from the moment the panel is shown.

Possible formats:
- number or "number": the countdown will be number seconds.
- Infinity: no countdown will happen, only the play button will appear to go to the video that is up next.

showing

Whether the panel is showing.

Signature:

showing: boolean;

showUpNextPanel

Whether the panel should be shown after the current source has ended.

Signature:

showUpNextPanel?: boolean;

Method Details

hide

Hide the panel.

Signature:

hide(): void;

show

Show the panel.

Signature:

show(): void;
github
Make sure to follow us on GitHub!
THEO-logo-white
twitter
facebook
linkedin
Copyright © 2022. All Rights Reserved.
Leuven
New York
Singapore
Barcelona