Как получить длительность видео Youtube без воспроизведения видео в Reactjs

Question

Я новичок ie в ReactJS, и мне очень нужна помощь.

Итак, у меня есть каталог видео, в котором показаны только миниатюры видео с меткой и продолжительностью наложения. До того, как я использовал React-Player от Pete Cook, я не хотел, чтобы у моего видеоплеера были кнопки «Поделиться», «Нравится» и «Смотреть позже», поэтому я решил не использовать его и использовать вместо него видеоплеер. Я просто использую тег изображения для показа миниатюры, и я просто передам ссылку на Youtube на видеоплеер, если на изображении будет нажата кнопка.

Теперь моя проблема в том, что мне трудно получить продолжительность видео. Когда я все еще использовал React-Player, я мог получить его после нажатия кнопки воспроизведения (не тот результат, который мне нужен, но, по крайней мере, я смог получить продолжительность). Любое решение для этого?

Answer 1

Ваша проблема в том, что вы предоставляете URL-адрес Youtube для компонента Player библиотеки видеопроигрывателя, который явно не поддерживает его, как упоминалось здесь .

Я даже пробовал Вы не получите значения длительности, и видео не будет воспроизведено. Однако, если вы изменили свою ссылку на Youtube, например, на эту https://www.w3schools.com/html/movie.mp4

, вы обнаружите, что все работает отлично, и вы можете получить состояние duration из состояний игрока даже без воспроизведения видео.

const { player } = this.player.getState();
console.log(player.duration);

Я добавил эти две строки к методу changeSource, указанному здесь в разделе Примеры заголовка.