Vimeo duration not available until starting playback

[rijk]

To reproduce:

1. Go to http://cookpete.com/react-player/
2. Click Stop button to prevent auto playing video
3. Click Test A button for Vimeo

Expected behaviour:

duration | 1:00

Actual behaviour:

duration | 0:00

This is a problem especially when trying to implement https://alexanderwallin.github.io/react-player-controls/#ProgressBar. Because there is no known totalTime, the bar produces an error upon seeking (Seconds must be a positive number less than the duration of the video).

[rijk]

This is my workaround for the moment:

if ( isVimeoUrl( videoUrl ) ) {
	this.player.getInternalPlayer().getDuration().then(
		duration => this.setState({ duration })
	)
}

[ghost]

@rijk, hey!
This is listener which provides duration of media in Vimeo player. It explains observable behavior:
https://github.com/CookPete/react-player/blob/master/src/players/Vimeo.js#L48

At current time ReactPlayer suggests that duration will be requested only after playing. That behavior of ReactPlayer inherited from some external players (I mean Streamable, but may be not only it).
It's problem, but ReactPlayer forced to represent logic of "slowest" player by each parameter. So, all seeking before player is ready will applies by ReactPlayer only on "play" event instead of "ready", although most of players provides seeking between "ready" and "play".

But it's possible to get duration earlier for Vimeo:

this.player.on('loaded', () => {
  this.player.getDuration().then(duration => {
    this.duration = duration
  })
  this.onReady()
})

...(it's possible to get duration even earlier)...
...but I'm not sure that propose the best resolving.

[cookpete]

Vimeo duration is fetched on load as of version 0.25.1. Keep in mind that we still do not know the duration of any media immediately, hence why the onDuration callback exists.

[rijk]

That is awesome @cookpete !