Update index.html
Browse files- index.html +16 -13
index.html
CHANGED
@@ -1402,23 +1402,26 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
1402 |
enablePlayerControls();
|
1403 |
|
1404 |
previewSection.style.display = 'block';
|
1405 |
-
|
1406 |
-
|
1407 |
-
|
1408 |
-
|
1409 |
-
if (video.paused) {
|
1410 |
-
try {
|
1411 |
-
await video.play();
|
1412 |
-
} catch (e) {
|
1413 |
-
console.warn('再生エラー:', e);
|
1414 |
-
}
|
1415 |
-
}
|
1416 |
enterPiP();
|
1417 |
} else {
|
1418 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1419 |
exitPiP();
|
1420 |
}
|
1421 |
-
}
|
|
|
1422 |
|
1423 |
// 動画終了時に自動的にPiPを閉じる(次回再開のため)
|
1424 |
video.addEventListener('ended', exitPiP);
|
|
|
1402 |
enablePlayerControls();
|
1403 |
|
1404 |
previewSection.style.display = 'block';
|
1405 |
+
document.addEventListener('visibilitychange', async () => {
|
1406 |
+
if (document.hidden) {
|
1407 |
+
// 他タブに移動 → PiP表示(再生中のときのみ)
|
1408 |
+
if (!video.paused) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1409 |
enterPiP();
|
1410 |
} else {
|
1411 |
+
try {
|
1412 |
+
await video.play();
|
1413 |
+
enterPiP();
|
1414 |
+
} catch (e) {
|
1415 |
+
console.warn('再生エラー:', e);
|
1416 |
+
}
|
1417 |
+
}
|
1418 |
+
} else {
|
1419 |
+
// タブに戻ったとき → PiP終了(再生中のときのみ)
|
1420 |
+
if (!video.paused) {
|
1421 |
exitPiP();
|
1422 |
}
|
1423 |
+
}
|
1424 |
+
});
|
1425 |
|
1426 |
// 動画終了時に自動的にPiPを閉じる(次回再開のため)
|
1427 |
video.addEventListener('ended', exitPiP);
|