1.当这种情况出现的时候,最后展现结果,视频肯定是会有裁剪的。
2.如果需要全屏的视频。可以先设置盒子hight:100vh。
3。为什么这里不设置100%呢,因为视频原因,浏览器解析会将视频保持不裁剪,高度可能出现问题,vh是屏幕的高度。
4,设置width:100%后,只需在video中添加:object-fit: cover;即可实现全屏
5.当然,如果出现溢出,则可以使用overflow:hidden;来完善了!
1.当这种情况出现的时候,最后展现结果,视频肯定是会有裁剪的。
2.如果需要全屏的视频。可以先设置盒子hight:100vh。
3。为什么这里不设置100%呢,因为视频原因,浏览器解析会将视频保持不裁剪,高度可能出现问题,vh是屏幕的高度。
4,设置width:100%后,只需在video中添加:object-fit: cover;即可实现全屏
5.当然,如果出现溢出,则可以使用overflow:hidden;来完善了!