From 584c94b32766264efa8c46813325b2ee5e8e9cc1 Mon Sep 17 00:00:00 2001
From: m1k1o <sedivy.miro@gmail.com>
Date: Fri, 18 Dec 2020 19:12:41 +0100
Subject: [PATCH] add Picture in Picture

---
 client/src/components/video.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/client/src/components/video.vue b/client/src/components/video.vue
index 8d4c72f7..a4706616 100644
--- a/client/src/components/video.vue
+++ b/client/src/components/video.vue
@@ -38,6 +38,13 @@
       </ul>
       <ul v-if="!fullscreen" class="video-menu bottom">
         <li v-if="hosting && !clipboard_available"><i @click.stop.prevent="onClipboard" class="fas fa-clipboard"></i></li>
+        <li>
+          <i
+            @click.stop.prevent="requestPictureInPicture"
+            v-tooltip="{ content: 'Picture-in-Picture', placement: 'left', offset: 5, boundariesElement: 'body' }"
+            class="fas fa-external-link-alt"
+          />
+        </li>
       </ul>
       <neko-resolution ref="resolution" v-if="admin" />
       <neko-clipboard ref="clipboard" v-if="hosting && !clipboard_available" />
@@ -461,6 +468,12 @@
       this.onResise()
     }
 
+    requestPictureInPicture() {
+      //@ts-ignore
+      this._video.requestPictureInPicture()
+      this.onResise()
+    }
+
     onFocus() {
       if (!document.hasFocus() || !this.$accessor.active) {
         return