beelink/src/components/VideoPlay.vue
2020-10-14 16:27:24 +08:00

34 lines
577 B
Vue

<template>
<div class="video">
<video :src="url" :controls="true"></video>
</div>
</template>
<style lang="scss" scoped>
.video{
width: 976px;
height: 563px;
border-radius: 17px;
background: white;
// background-color: #0f0;
overflow: hidden;
>video{
width: 100%;
height: 100%;
}
}
</style>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
props:{
url:{
type:String
}
},
setup(){
console.log(1)
}
})
</script>