问大家一个h5视频播放器开发问题

因为最近的业务是做一个课堂回看的功能，所以要做一套移动端的视频播放。最初想了用插件，但是插件用着感觉还不如不用，于是直接用原生video。难点的话就是自定义控制栏。 现在的问题是，我如果调用视频全屏的api，那么自定义的控制条不显示（不知道什么原因）。所以我用了css点全屏按钮时直接将视频旋转90deg这样做，这样确实可以做，但是手机取消方向锁定，人为旋转手机时，屏幕的样式的就会全都乱掉。说到底还是控制栏如何做才能更好的适配移动端竖屏横屏，以及人为手机旋转横屏竖屏的功能。