video视频铺满

1、 因项目需求，要在公司官网加一段视频，达到的效果是视频平铺整个网页，大小随网页变化：网上找了许久才找了了这么一个生僻的属性，只需给video加这么个样式就可以了：object-fit: fill;
2、另外补充说明：video标签里面的source标签用于引入视频；里面还有一个不常用的标签是track，用于引入视频字幕（为什么字幕与视频要分开：这样可以给同一视频加上不同语言的字幕且可以相互切换；如果字幕本身是视频的一部分，那么如果当视频录制成功后发现某个字幕打错了还得重头再来，所以将视频与字幕独立开）；我相信你看到我这儿估计也是查阅了不少资料，甚至看过视频，最终你确定你没写错，且字幕格式也正确，但就是没有字幕出来的效果，淡淡的说一句我当时也是，因为一般情况下src属性（例如script、img、scource这些标签里面的src都能跨域，其中script标签也就是因为src跨域从而有了jsonp跨域请求一说），但是在引入字幕的这个标签tract是不能跨域的，你得参照关闭浏览器同源策略方法，将谷歌浏览器的同源策略关掉，在用它打开你的html文件就可以看到字幕显示出来了；