You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
789 B
52 lines
789 B
<template> |
|
<uv-popup ref="popup" @change="change"> |
|
<view class="video-view" v-if="show"> |
|
<video class="video" :src="getSec" :autoplay="autoplay"></video> |
|
</view> |
|
</uv-popup> |
|
</template> |
|
<script> |
|
export default { |
|
props: { |
|
src: { |
|
type: String, |
|
default: '' |
|
}, |
|
autoplay: { |
|
type: Boolean, |
|
default: true |
|
} |
|
}, |
|
data() { |
|
return { |
|
videoSrc: '', |
|
show: false |
|
} |
|
}, |
|
computed: { |
|
getSec() { |
|
return this.src || this.videoSrc; |
|
} |
|
}, |
|
methods: { |
|
open(url) { |
|
this.videoSrc = url; |
|
this.$refs.popup.open(); |
|
}, |
|
close() { |
|
this.$refs.popup.close(); |
|
}, |
|
change(e) { |
|
this.show = e.show; |
|
} |
|
} |
|
} |
|
</script> |
|
<style scoped lang="scss"> |
|
.video-view { |
|
width: 750rpx; |
|
.video { |
|
width: 750rpx; |
|
} |
|
} |
|
</style> |