flex布局确实好用，但是在ie10以下flex是失效的

项目需求，目前视频作为动画全屏使用，H5和小程序有什么办法实现视频预加载 当点击播放视频的时候不会卡

这个是很早的问题了，输入框不要使用定位，或用flex布局，输入框聚焦会默认顶上去的

可参考：

    let oldList = [{ code: 2001, name: '张三' },
        { code: 2002, name: '李四' },
        { code: 2003, name: '王五' }]

    let codeAll = oldList.reduce((prev, item) => {
        prev.push(item.code)
        return prev
    }, [])

    let newList = [{ code: codeAll.join(',') }]

    console.log('newList==>', newList)

1、标签或者伪元素
2、使用图片

路径不对导致的吧

1、视频第一帧 可以通过canvas来截取
参考链接：https://www.cnblogs.com/ariss...

2、或者上传视频的时候上传一个封面图

或者考虑使用下ui组件 有赞的还不错：http://vant-contrib.gitee.io/...

使用图片或者使用css实现就好了

参考以下样式实现吧:https://wow.techbrood.com/fiddle/31346

以下是我的nginx代理方式：

项目访问地址: https://lurenhong.top/blog/#/home

如果想在根域名下直接访问项目 location / 配置/就行 root或者alias 指向项目目录

location /blog {
  root  html;
  index  index.html index.htm;
}