文件名称:
HTML5在手机端实现视频全屏展示方法
开发工具:
文件大小: 49kb
下载次数: 0
上传时间: 2021-01-21
详细说明：最近做项目，遇到一个问题，在手机上要实现视频的全屏播放功能。测试了很久，终于找到解决办法。
第一种：将视频放大来控制。
视频在播放的时候，全屏是根据高度来的，如果设置视频 video 标签的宽度是 100% 高度是 110% ，可以实现全屏，超过是溢出隐藏就可以了。
确定：手机屏幕尺寸不固定，这个高度110%不好确定。
第二种：使用 object-fit 来解决
直接上代码：
