由于video 是html 内置组建，不能通过强制改变size 使video 铺满元素。如果要实现video 全屏效果就需要用到css 的object-fit。代码如下:
video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}这样就可以实现fullscreen 效果了。
本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！
这篇文章我们从Video的几种应用场景、各环境中依然或将长期存在的问题、基于原生Video进行业务开发常见的问题等方面，一起学习了解更多的实践方向和可能存在的坑。
要求前端获取视频文件的大小、时长以及第一帧图片传给后端服务器存储，这样有两种情况，一种是通过input上传本地视频文件，一种是给出视频的网络地址，将其直接赋值给video标签的src属性。
最近开发公众号内H5网页过程中，为了达到“炫”的效果，有些特效采用了video展示，但是微信内的video展示着实太费神了，这里总结一些遇到的坑和解决的办法。
截图是使用canvas绘制图片，构造<a>链接 使用download属性触发下载到本地；全屏和退出全屏务必使video视频播放器和自定义退出图标合并为一个DIV，作为全屏的div块，设置自定义的退出图标position：fixed,这样就可以浮动在-- video上层显示
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!