在反应组件之间移动Youtube iframe

Question

这是我的计划。 我有一个反应播放列表组件。 此播放列表循环播放视频列表，并为每个视频打印一个视频组件。

所以这是我的结构

<Playlist>
   <Video />
   <Video />
   <Video />
   ...
</Playlist>

我现在想要一个youtube iframe播放器，每当我点击一个视频组件时，iframe应该在点击的视频组件中移动，它应该加载一个新的视频。

使用youtube api和视频ID加载新视频非常简单。 但是我试图想办法管理所有其他的东西。

youtube iframe也应该是反应组件吗？ youtube iframe api想要声明iframe容器的id，那么如何将api连接到组件

youtubePlayer = new YT.Player( HERE_GOES_THE_ID , {
    height: '390',
    width: '640',
    videoId: 'M7lc1UVf-VE'
});

此外，更改youtube组件父级的最佳方法是什么？如何将它从视频组件移动到另一个组件？

我对这一切感到很困惑。

其他信息：我使用Redux来管理组件之间的播放/暂停状态。