From a72d0d3f2e7ec1caeef57838768afd165f2f7c03 Mon Sep 17 00:00:00 2001
From: Anastasiia Bakai <nastin_box@list.ru>
Date: Mon, 10 Jun 2024 14:15:39 +0300
Subject: [PATCH] video improvements

---
 src/App.vue | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ef47829..56053c9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -135,12 +135,13 @@
                     <p class="textsmall">Look at the video and re-order words according to numbers.</p>
 
                     <div class="videocontainer" v-if="datavideo">
-                      <video muted id="video">
+                      <video muted id="video" controlsList="nodownload">
                         <source :src="datavideo" type="video/mp4"/>
                       </video>
                       <a href="javascript:;" class="videocontrol" @click.prevent="contolvideo">
-                        <IconPlay v-if="videoplay" />
-                        <IconPause v-else />
+                        <IconPause v-if="videoplay" />
+                        <IconPlay v-else />
+                        
                       </a>
                     </div>
 
@@ -353,13 +354,24 @@ const contolvideo = () => {
   }
 }
 
-onMounted( () => {
+onMounted( async () => {
   document.addEventListener('contextmenu', e => {
     if(e.target.nodeName === 'VIDEO') {
       e.preventDefault();
     }
   });
+
+  watch(datavideo, value => {
+    if(value) {
+      setTimeout( () => {
+        URL.revokeObjectURL(value);
+      }, 1)
+      
+    }
+  })
+
 })
+
 </script>
 
 <style scoped>