视频详情

src/components/VideoPlay.vue

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