@videojs/html 10.0.0-beta.2 → 10.0.0-beta.3

package/cdn/background.dev.js

@@ -584,6 +584,10 @@ async function exitFullscreen() {
 
 //#endregion
 //#region ../core/dist/dev/dom/presentation/pip.js
+function resolveMediaTarget(media) {
+	const target = media.target;
+	return target instanceof HTMLMediaElement ? target : media;
+}
 /**
 * Check if Picture-in-Picture is supported on this platform.
 *
@@ -601,8 +605,9 @@ function isPictureInPictureEnabled() {
 * Check if Picture-in-Picture is currently active for a media element.
 */
 function isPictureInPictureElement(media) {
-	if (document.pictureInPictureElement === media) return true;
-	return media.webkitPresentationMode === "picture-in-picture";
+	const target = resolveMediaTarget(media);
+	if (document.pictureInPictureElement === target) return true;
+	return target.webkitPresentationMode === "picture-in-picture";
 }
 /**
 * Request Picture-in-Picture mode.
@@ -611,7 +616,7 @@ function isPictureInPictureElement(media) {
 * WebKit presentation mode.
 */
 async function requestPictureInPicture(media) {
-	const video = media;
+	const video = resolveMediaTarget(media);
 	if (isFunction(video.requestPictureInPicture)) {
 		await video.requestPictureInPicture();
 		return;
@@ -629,13 +634,14 @@ async function requestPictureInPicture(media) {
 * WebKit presentation mode.
 */
 async function exitPictureInPicture(media) {
-	if (document.pictureInPictureElement && isFunction(document.exitPictureInPicture)) {
+	if (isFunction(document.exitPictureInPicture)) try {
 		await document.exitPictureInPicture();
 		return;
-	}
+	} catch {}
 	if (media) {
-		const video = media;
-		if (video.webkitPresentationMode === "picture-in-picture" && isFunction(video.webkitSetPresentationMode)) {
+		const video = resolveMediaTarget(media);
+		const mode = video.webkitPresentationMode;
+		if (isFunction(video.webkitSetPresentationMode) && (!mode || mode === "picture-in-picture")) {
 			video.webkitSetPresentationMode("inline");
 			return;
 		}