video 全屏播放

最新推荐文章于 2025-05-18 10:45:20 发布

qq_46302247

最新推荐文章于 2025-05-18 10:45:20 发布

阅读量748

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_46302247/article/details/124931439

vue 专栏收录该内容

77 篇文章

订阅专栏

<template>
  <div class="demo5">
      <video :src="require('@/assets/video/loginBg.mp4')" muted autoplay loop></video>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
  },
};
</script>

<style lang="less" scoped>
.demo5 {
  position: relative;
  height: 100%;
  video {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit:fill;
  }
}
</style>