Skip to content

ScrubberTooltip

The ScrubberTooltip component provides a tooltip when hovering over the scrubber. It shows the time at the hovered position and can also serve as a container for additional information such as chapters or thumbnails.

Configuration

Configuration example with defaults:

const playerConfig = {
    scrubberTooltip: {
        showFrames: false,
        showTime: true
    }
};
Setting Name Type Description
showFrames Boolean If true, also shows frame information (requires frameRate metadata).
showTime Boolean If true, shows the time at the current scrubber position.

Events

Published own Events:

Event Name Payload Properties Description
scrubber/tooltip/show percent (Number) Fired when the tooltip is about to be shown.
scrubber/tooltip/visible percent (Number) Fired when the tooltip becomes visible. Value in percent (0 to 100).
scrubber/tooltip/move percent (Number) Fired while moving the tooltip. Value in percent (0 to 100).