由于video 是HTML 内置组建，不能通过强制改变size 使video 铺满元素。如果要实现video 全屏效果就需要用到CSS 的object-fit。代码如下:

最近开发公众号内H5网页过程中，为了达到“炫”的效果，有些特效采用了video展示，但是微信内的video展示着实太费神了，这里总结一些遇到的坑和解决的办法。

截图是使用canvas绘制图片，构造<a>链接 使用download属性触发下载到本地；全屏和退出全屏务必使video视频播放器和自定义退出图标合并为一个DIV，作为全屏的div块，设置自定义的退出图标position：fixed,这样就可以浮动在-- video上层显示

要求前端获取视频文件的大小、时长以及第一帧图片传给后端服务器存储，这样有两种情况，一种是通过input上传本地视频文件，一种是给出视频的网络地址，将其直接赋值给video标签的src属性。

这篇文章我们从Video的几种应用场景、各环境中依然或将长期存在的问题、基于原生Video进行业务开发常见的问题等方面，一起学习了解更多的实践方向和可能存在的坑。