Youtube video currentTime modification does not update progress bar

[btamas]

Expected behaviour

If currentTime setter is called when provider is youtube, progress bar should be updated, even the video is paused.

Actual behaviour

Progress bar will be updated only when the video will be started again.

Steps to reproduce

• Have a player with youtube provider.
• Call currentTime setter
• The video seeks to the requested time, but the progress bar won't be updated.

Environment

Browser: Chrome 85.0.4183.121, Safari 14.0, Firefox 81.0.2 Operating System: MacOS Version: 10.15.7

Console errors (if any)

Link to where the bug is happening

https://codepen.io/btamax/pen/OJXyeRp

[MacMaru]

related: #1848

Not limited to Youtube, also on HTML5 and Vimeo. Bit different for Vimeo: there's no seek to the requested time: nothing happens.

[jeff-hykin]

I found this as a decent work-around. The setTimeout section seems to be necessary for it to work.

Object.defineProperty(Object.getPrototypeOf(this.player), "currentTime", {
    set(input) {
        // Bail if media duration isn't available yet
        if (!this.duration) { return }
        // Validate input
        input = input-0
        const inputIsValid = (input == input) && input >= 0
        if (inputIsValid) {
            // Set
            this.media.currentTime = Math.min(input, this.duration)
            let location = (input / this.duration) * 100
            setTimeout(() => {
                this.elements.inputs.seek.setAttribute("value", location)
                this.elements.inputs.seek.setAttribute("aria-valuenow", location)
                this.elements.inputs.seek.style.setProperty("--value", `${location}%`)
            }, 0)
        }
        // Logging
        this.debug.log(`Seeking to ${this.currentTime} seconds`)
    }
})

[limonte]

Thanks for the workaround @jeff-hykin

[dy]

That's nice workaround, why not incorporating it? I can confirm this bug:

const player = new Plyr('#youtube-player', {
  controls: ['play', 'progress'],
  fullscreen: {enabled: false},
  youtube: {noCookie: true, showinfo: 0, controls: 0},
});

player.on('ready', () => {
  player.currentTime = 0.1
})

doesn't update progress.