From 4acb148b16eeb0849d8a4b9593cc2dbdcb471f58 Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Sun, 1 Sep 2024 22:12:17 +0330
Subject: [PATCH] added full screen button to mp4 player

---
 resources/js/client-vue/videoPlayer.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/resources/js/client-vue/videoPlayer.vue b/resources/js/client-vue/videoPlayer.vue
index d8a7c01..e3a4d77 100644
--- a/resources/js/client-vue/videoPlayer.vue
+++ b/resources/js/client-vue/videoPlayer.vue
@@ -27,6 +27,11 @@
             <button type="button" class="sp p-btn" @click="timeOffset(10)">
                 <i class="ri-speed-line"></i>
             </button>
+
+            <button type="button" class="sp p-btn" @click="fullScreen">
+                <i class="ri-fullscreen-line"></i>
+            </button>
+
             <div>
                 {{ fullTime }}
             </div>
@@ -36,7 +41,7 @@
 
 <script>
 export default {
-    name: "mp3-player",
+    name: "video-player",
     components: {},
     data: () => {
         return {
@@ -87,6 +92,9 @@ export default {
         }
     },
     methods: {
+        fullScreen(){
+           this.$refs.p.requestFullscreen();
+        },
         speedChange() {
             this.speed++;
             if (this.speed  === this.speeds.length){