如何更改视频的来源？答案

【问题标题】：How can I change a source of a video in react?如何更改视频的来源？
【发布时间】：2019-05-23 08:53:36
【问题描述】：

我在我的 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>

我希望新来源能够正常工作，但它永远不会开始播放。

【问题讨论】：

也许问题出在您的视频上？任何其他视频源（默认除外）是否正常工作？
愚蠢的问题，但是.. 您的视频在哪里？托管在某个地方，还是在本地机器上？

标签： reactjs react-router react-component

【解决方案1】：

@Dato.Beriashvili，我在默认的 html 视频 API 中遇到了类似的问题，每当我通过任何方式更改 src 时，视频都没有更新。所以我做了下面这解决了我的问题。

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

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

【讨论】：