Update index.html

index.html

@@ -1129,12 +1129,24 @@ document.addEventListener('DOMContentLoaded', function() {
     video.preservesPitch = true;
     video.mozPreservesPitch = true; // Firefox用
     video.webkitPreservesPitch = true; // 古いWebKit用
-    document.addEventListener('visibilitychange', async () => {
-    if (document.hidden && !document.pictureInPictureElement && !video.paused) {
-      try {
-        await video.requestPictureInPicture();
-      } catch (err) {
-        console.error('PiP起動エラー:', err);
+  document.addEventListener('visibilitychange', async () => {
+    if (document.hidden) {
+      // 他のタブに移動したとき → PiP起動
+      if (!document.pictureInPictureElement && !video.paused) {
+        try {
+          await video.requestPictureInPicture();
+        } catch (err) {
+          console.error('PiP開始失敗:', err);
+        }
+      }
+    } else {
+      // ページに戻ってきたとき → PiPを閉じる
+      if (document.pictureInPictureElement) {
+        try {
+          await document.exitPictureInPicture();
+        } catch (err) {
+          console.error('PiP終了失敗:', err);
+        }
       }
     }
   });