onDuration не вызывается при нажатии видео элемента

Question

У меня есть страница, где можно получить данные из YouTube API. Когда я нажимаю одно из видео, данные об этом видео отправляются через WebSockets. Проблема в том, что когда я кликаю по ней в первый раз, вызывается onDuration ofact-player. После этого, если я нажимаю другое видео, onDuration не вызывается.

handleDuration = (duration) => {
    this.setState({
      duration: duration,
    }, () => {
        let data = {
          play: this.state.play,
          url: this.state.url,
          mute: this.state.mute,
          duration: this.state.duration,
          seek: this.state.seek,
        };
        streamSocket.send(JSON.stringify(data));
       });
    console.log("handleDuration");
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Эта функция связана с onDuration.

URL GitHub: https://github.com/algomaster99/stream-2.0/tree/master/stream-frontend

stream.js и videoItem.js - это файлы, которые вам нужны.

РЕДАКТИРОВАТЬ: изменено onDuration на onReady. Это все еще работает только на первом видео, которое я выбрал.