beelink/src/components/VideoPlay.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>