33 lines
598 B
Vue
33 lines
598 B
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>
|