YouTube 视频网址在 "video-react" npm 模块上不起作用

Question

在我的反应应用程序中，我需要显示视频。我正在使用"视频反应"npm 模块。

当我提供"https://www.youtube.com/watch?v=QPiFVXsdvXs"网址作为播放器源时，它不起作用。

尽管"https://media.w3.org/2010/05/sintel/trailer_hd.mp4"网址工作正常。

<Player
autoPlay
poster="/assets/poster.png"
src={this.state.mediaUrl}
//src="https://media.w3.org/2010/05/sintel/trailer_hd.mp4"
//src="https://www.youtube.com/watch?v=QPiFVXsdvXs"
/>

Answer 1

您可以使用 react-player 来显示视频。 为此，请安装 npm i 反应播放器包。

<ReactPlayer
url="https://www.youtube.com/watch?v=QPiFVXsdvXs"
light={true}
playing
controls
/>