src/components/VideoPlay.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="video">
-        
+        <div class="title">{{title}}</div>
         <video style="width:100%; height:100%;" :id="'a' + url" ></video>
     </div>
 </template>
@@ -10,12 +10,21 @@
     height: 563px;
     border-radius: 17px;
     background: white;
+    position: relative;
     // background-color: #0f0;
     overflow: hidden;
     >video{
         width: 100%;
         height: 100%;
     }
+    .title{
+        position: absolute;
+        top: 23px;
+        left: 51px;
+        font-size: 13px;
+        color: #fff;
+        z-index: 999;
+    }
 }
 </style>
 <script lang="ts">
@@ -25,8 +34,11 @@ import { onBeforeRouteLeave, useRouter } from 'vue-router';
 
 export default defineComponent({
     props:{
-        url:{
-            type:String
+        url: {
+            type: String
+        },
+        title: {
+            type: String
         }
     },
     setup(props, ctx){

src/views/regime/VideoInfo.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="videoinfo">
         <div class="info">
-            <VideoPlay :url="result.fileid"></VideoPlay>
+            <VideoPlay :title="result.title" :url="result.fileid"></VideoPlay>
             <VideoCont :videoid="result.videoid" :yuanyin="result.statusdesc" :date="result.createdAt" :watch="result.watch" :share="result.share" :status="result.status"></VideoCont>
         </div>
         <VideoReview :videoinfo="result.score" class="review" v-if="result.status == 1"></VideoReview>