更换了提示

src/components/VideoPlay.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="video">
         
-        <video :src="url" :controls="true"></video>
+        <video style="width:100%; height:100%;" :id="'a' + url" ></video>
     </div>
 </template>
 <style lang="scss" scoped>
@@ -19,7 +19,9 @@
 }
 </style>
 <script lang="ts">
-import { defineComponent } from 'vue';
+import router from '@/router';
+import { defineComponent, onMounted, onUpdated } from 'vue';
+import { onBeforeRouteLeave, useRouter } from 'vue-router';
 
 export default defineComponent({
     props:{
@@ -27,8 +29,22 @@ export default defineComponent({
             type:String
         }
     },
-    setup(){
+    setup(props, ctx){
         console.log(1)
+        let play: any;
+        onUpdated(()=>{
+            console.log(props.url)
+            play = window.TCPlayer('a' + props.url, { 
+                fileID: props.url,
+                appID: '1303872925' 
+            });
+        })
+        onBeforeRouteLeave((to, from, next) => {
+            console.log(121)
+            play.dispose()
+                next()
+        })
+      
     }
 })
 </script>