From 87c9e5f6aee5a3318ad3a47c655ea1330a0b0140 Mon Sep 17 00:00:00 2001
From: Miroslav Pejic <miroslav.pejic.85@gmail.com>
Date: Sun, 17 Apr 2022 21:57:19 +0200
Subject: [PATCH] [mirotalksfu] - add close YouTube video btn

---
 public/js/RoomClient.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index 028a3368..962e7a25 100644
--- a/public/js/RoomClient.js
+++ b/public/js/RoomClient.js
@@ -2291,7 +2291,7 @@ class RoomClient {
     }
 
     openYouTube(data) {
-        let d, iframe;
+        let d, vb, e, iframe;
         let peer_name = data.peer_name;
         let you_tube_url = data.you_tube_url;
         this.closeYouTube();
@@ -2299,6 +2299,12 @@ class RoomClient {
         d = document.createElement('div');
         d.className = 'Camera';
         d.id = '__youTube';
+        vb = document.createElement('div');
+        vb.setAttribute('id', '__youTubeBar');
+        vb.className = 'videoMenuBar fadein';
+        e = document.createElement('button');
+        e.className = 'fas fa-times';
+        e.id = '__youTubeExit';
         iframe = document.createElement('iframe');
         iframe.setAttribute('id', '__youTubeIframe');
         iframe.setAttribute('title', peer_name);
@@ -2311,9 +2317,18 @@ class RoomClient {
         );
         iframe.setAttribute('frameborder', '0');
         iframe.setAttribute('allowfullscreen', true);
+        vb.appendChild(e);
         d.appendChild(iframe);
+        d.appendChild(vb);
         this.videoMediaContainer.appendChild(d);
         handleAspectRatio();
+        let exitYouTubeBtn = this.getId(e.id);
+        exitYouTubeBtn.addEventListener('click', () => {
+            this.closeYouTube(true);
+        });
+        if (!this.isMobileDevice) {
+            this.setTippy(e.id, 'Close video', 'top-end');
+        }
         console.log('[openYouTube] Video-element-count', this.videoMediaContainer.childElementCount);
         this.sound('joined');
     }