怎样相对兄弟元素定位？

Question

有个摄像头实时监控的项目。
左下角希望是展示拍摄内容的实时数据，官方提供API中，没有找到类似的方法。

目前的办法是，video外层添加一层父元素，又添加了一个div作为video的兄弟元素，div定位到合适位置之后，实时渲染数据。
视频窗口有全屏功能，全屏之后，只有video全屏了，父元素没有全屏，兄弟的div就不能起作用了。
想问各位大佬怎么解决

Answer 1

推荐你的东西，展示数据可以。操作就不行了。
问题地址
效果查看地址

Answer 2

相对兄弟元素可以用～选择器，p~ul是指选择前面有 <p> 元素的每个 <ul> 元素。 但是我觉得这个解决不了你的问题，视频的全屏是系统级别的，已经脱离网页布局了