umijs 框架加载mp4视频背景

星宇大前端

发布于 2021-12-10 11:49:50

1.5K0

文章被收录于专栏：大宇笔记大宇笔记

最近在做一个大屏项目，有一个需求视频做背景，这个在vue 开发的时候做了很多遍了，以为手到擒来。

背景分析

前端框架： UMI
vedio 标签加载视频数据

问题表现

找不到视频路径

放到src 文件夹下还是public 文件里都是播放不了的。

解决

1、放到public 文件家里 2、vedio 标签加载src 直接下./ 在root 目录加载即可

代码

js

 <video
      loop
      autoPlay
      muted
    >
      <source src="./444.mp4"  type="video/mp4"/>
    </video>

css

video {
    position: absolute;
    /* Vertical and Horizontal center*/
    top: 0; left: 0; right: 0; bottom: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    z-index: -1;
  }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021/12/09 ，如有侵权请联系 cloudcommunity@tencent.com 删除

css

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度

umijs 框架加载mp4视频背景

umijs 框架加载mp4视频背景

背景分析

问题表现

解决

代码

js

css

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐