Merge pull request #1642 from MohamedLebda/PIP-improve

code-charity · Mar 27, 2023 · e716723 · e716723
2 parents a708483 + 920587e
commit e716723
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 1 deletion.
diff --git a/js&css/web-accessible/functions.js b/js&css/web-accessible/functions.js
@@ -236,6 +236,7 @@ ImprovedTube.pageType = function () {
 
 ImprovedTube.pageOnFocus = function () {
 	ImprovedTube.playerAutopauseWhenSwitchingTabs();
+	ImprovedTube.playerAutoPip();
 };
 
 ImprovedTube.videoPageUpdate = function () {

diff --git a/js&css/web-accessible/www.youtube.com/player.js b/js&css/web-accessible/www.youtube.com/player.js
@@ -55,6 +55,24 @@ ImprovedTube.playerAutopauseWhenSwitchingTabs = function () {
 };
 
 
+/*------------------------------------------------------------------------------
+4.4.2 AUTO PIP WHEN SWITCHING TABS
+------------------------------------------------------------------------------*/
+
+ImprovedTube.playerAutoPip = function () {
+	const video = ImprovedTube.elements.video;
+
+	if (this.storage.player_autoPip === true && video) {
+		(async () => {
+			try {
+				await video.requestPictureInPicture();
+			  } catch (error) {
+				console.error('Failed to enter Picture-in-Picture mode', error);
+			  }
+		  })();	
+		}
+};
+
 /*------------------------------------------------------------------------------
 4.4.3 FORCED PLAYBACK SPEED
 ------------------------------------------------------------------------------*/

diff --git a/js&css/web-accessible/www.youtube.com/shortcuts.js b/js&css/web-accessible/www.youtube.com/shortcuts.js
@@ -239,7 +239,6 @@ ImprovedTube.shortcutPictureInPicture = function () {
 	}
 };
 
-
 /*------------------------------------------------------------------------------
 4.7.3 TOGGLE CONTROLS
 ------------------------------------------------------------------------------*/

diff --git a/menu/skeleton-parts/player.js b/menu/skeleton-parts/player.js
@@ -154,6 +154,11 @@ extension.skeleton.main.layers.section.player.on.click = {
 			text: 'loudnessNormalization',
 			value: true
 		},
+		player_autoPip: {
+			component: 'switch',
+			text: 'autoPip',
+			value: false
+		},
 		player_forced_playback_speed: {
 			component: 'switch',
 			text: 'forcedPlaybackSpeed',

diff --git a/menu/skeleton-parts/shortcuts.js b/menu/skeleton-parts/shortcuts.js
@@ -290,6 +290,11 @@ extension.skeleton.main.layers.section.shortcuts = {
 					text: 'pictureInPicture',
 					storage: 'shortcut_picture_in_picture'
 				},
+				auto_picture_in_picture: {
+					component: 'shortcut',
+					text: 'autoPictureInPicture',
+					storage: 'shortcut_auto_picture_in_picture'
+				},
 				shortcut_screenshot: {
 					component: 'shortcut',
 					text: 'screenshot'