您好,欢迎光临本网站![请登录][注册会员]  
文件名称: HTML5在手机端实现视频全屏展示方法
  所属分类: 其它
  开发工具:
  文件大小: 49kb
  下载次数: 0
  上传时间: 2021-01-21
  提 供 者: weixin_********
 详细说明:最近做项目,遇到一个问题,在手机上要实现视频的全屏播放功能。测试了很久,终于找到解决办法。 第一种:将视频放大来控制。 视频在播放的时候,全屏是根据高度来的,如果设置视频 video 标签的宽度是 100% 高度是 110% ,可以实现全屏,超过是溢出隐藏就可以了。 确定:手机屏幕尺寸不固定,这个高度110%不好确定。 第二种:使用 object-fit 来解决 直接上代码: