Как я могу изменить источник видео в реакции?

Question

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

Я искалмного, прочитайте документацию по компоненту реагировать на видео, но не можете решить проблему.

import {Player} from 'video-react';  
<div className = 'video-container'>
<Player
playsInline
fluid={false}
src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
width={600}
height={300}/>
</div>

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

Answer 1

@Dato.Beriashvili, я сталкивался с подобными проблемами в html видео API по умолчанию, когда я менял src на anymeans, видео не обновлялось.поэтому я сделал ниже, что исправило мою проблему.

useEffect(() => {
  const myVideo= innerDoc.querySelector('#videoPlayer');
  const mySource = innerDoc.querySelector('#source');
  if (mySource && myVideo) {
    mySource.setAttribute('src', videoUrl);
    myVideo.load();
  }
}, [videoUrl]);

каждый раз, когда изменился URL, я загружаю его вручную.