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，每当我通过anymeans更改src时，我都面临默认html video API中类似的问题，而视频未更新。所以我做了下面的工作来解决我的问题。

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

每当更改网址时，我都会手动加载它。

如何在反应中更改视频源？

1 个答案: