如何在react中更改视频的来源？

Question

我在我的reactjs web应用程序中使用了react-video组件，它使用默认的源链接，但是当我使用我的视频作为源时，什么都没有发生。

我搜索了很多，阅读了有关react-video组件的文档，但无法解决这个问题。

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 video API中遇到过类似的问题，每当我通过任何方式改变src时，视频都没有更新。所以我做了下面的事情，解决了我的问题。

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

每当url改变时，我都会手动加载它。