我正在尝试组合一个基本的前端全息金字塔 web 应用程序，它可以拍摄视频并将其显示在 4 个窗口中，这些窗口通常以方形图案彼此等距。下面是一个例子：
我继续设置了一个模仿我想要的基本布局（浏览器中的移动视图）：
我现在正在尝试用视频组件替换文字，react-player但是当我这样做时，视频不会对齐和改变大小：
我不确定如何最好地纠正这个问题。我这里有一个代码沙箱：
我所做的只是将“TOP”、“BOTTOM”等替换为<ReactPlayer />. 不知道如何最好地纠正这个问题。感谢一些方向和/或帮助。