Reactjs 如何在React中加载和播放Youtube视频

目前，我正在尝试构建一个应用程序，它应该包含一个YouTube链接“https:\/\/www.YouTube.com\/watch？v=IEDEtZ4UVtI”。因此，第一次尝试运行它是O

，但正如您可能看到的，它不会像预期的那样工作。其他的选择是什么。请记住，我的API中没有任何嵌入式链接，因此您看到的第一个YouTube链接只有一个我应该使用的链接

早些时候，可以像这样嵌入Youtube视频：

……但现在不是了

唯一的选择是使用通常的iframe嵌入，它可以很好地与React应用程序配合使用。您只需使用链接中的Youtube视频ID，并在嵌入链接中使用它

https://youtube.com/embed/${youtubeID}？自动播放=0

const[youtubeID]=useState（'IEDEtZ4UVtI'）
[...]

有一个简单的方法

首先，安装：

$ npm install react-youtube

进口：

import YouTube from 'react-youtube';

以及用法-

<YouTube videoId="IEDEtZ4UVtI"/>

您可以在youtube上看到更多选项