mall-front-app/sheep/components/s-video-block/s-video-block.vue

<!-- 装修图文组件：视频播放 -->
<template>
	
  <su-video
    class="sss"
    :uid="guid()"
    :src="sheep.$url.cdn(data.videoUrl)"
    :poster="sheep.$url.cdn(data.posterUrl)"
    :height="styles.height * 2"
    :autoplay="data.autoplay"
  ></su-video>
</template>

<script setup>
  import sheep from '@/sheep';
  import { guid } from '@/sheep/helper';
  const props = defineProps({
    data: {
      type: Object,
      default() {},
    },
    styles: {
      type: Object,
      default() {},
    },
  });
</script>

<style lang="scss" scoped>
  .sss {
    z-index: -100;
  }
</style>