2023-12-19 15:10:50 +00:00
|
|
|
|
<!-- 装修图文组件：视频播放 -->
|
2022-11-22 07:45:36 +00:00
|
|
|
|
<template>
|
|
|
|
|
|
<su-video
|
|
|
|
|
|
class="sss"
|
|
|
|
|
|
:uid="guid()"
|
|
|
|
|
|
:src="sheep.$url.cdn(data.videoUrl)"
|
2023-11-05 14:53:29 +00:00
|
|
|
|
:poster="sheep.$url.cdn(data.posterUrl)"
|
2023-03-17 07:11:04 +00:00
|
|
|
|
:height="styles.height * 2"
|
2023-11-05 14:53:29 +00:00
|
|
|
|
:autoplay="data.autoplay"
|
2022-11-22 07:45:36 +00:00
|
|
|
|
></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>
|
