@grfzhl/vue-hls-player 1.1.6 → 1.1.8

package/dist/VideoPlayer/BasePlayer.vue

@@ -213,21 +213,27 @@ async function startFullscreen() {
       screen.orientation.unlock();
     }
     await document.exitFullscreen();
+    if (/iPhone|iPad|AppleWebKit/i.test(navigator.userAgent)) {
+      vpVideoBlock = document.querySelector('video');
+      vpVideoBlock.addAttribute("playsinline");
+      vpVideoBlock.addAttribute("webkit-playsinline");
+    } 
     isFullscreen.value = false;
   } else {
     isFullscreen.value = true;
     try {
       if (vpVideoBlock.requestFullscreen) {
         await vpVideoBlock.requestFullscreen();
-      } else if (vpVideoBlock.webkitRequestFullscreen) {
+      } else if (/iPhone|iPad|AppleWebKit/i.test(navigator.userAgent)) {
         vpVideoBlock = document.querySelector('video');
-        await vpVideoBlock.webkitRequestFullscreen(); // Safari
+        vpVideoBlock.removeAttribute("playsinline");
+        vpVideoBlock.removeAttribute("webkit-playsinline");
+        await vpVideoBlock.webkitRequestFullscreen(); // iOS snot
       } else if (vpVideoBlock.mozRequestFullScreen) {
         await vpVideoBlock.mozRequestFullScreen(); // Firefox
       } else if (vpVideoBlock.msRequestFullscreen) {
         await vpVideoBlock.msRequestFullscreen(); // IE/Edge
       }
-
       if (screen.orientation && screen.orientation.lock) {
         try {
           await screen.orientation.lock("landscape");
@@ -241,6 +247,7 @@ async function startFullscreen() {
       console.error("Fullscreen could not be activated", error);
       isFullscreen.value = false;
     }
+
     video.value.currentTime = currentTime;
   }
 }
@@ -251,7 +258,6 @@ function onSubtitleError(link) {
 
 function onFullscreenChange(e) {
   e.preventDefault();
-
   // hide intro title after x seconds
   if(isFullscreen.value === true) {
     setTimeout(() => {
@@ -278,7 +284,7 @@ function onOrientationChange(e) {
   let isPortrait = angle === 0 || angle === 180;
   let isLandscape = angle === 90 || angle === -90;
 
-  if (isFullscreen.value && isPortrait) {
+  if (document.fullscreenElement && isPortrait) {
     setTimeout(async () => {
       if (!document.fullscreenElement) {
         startFullscreen();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@grfzhl/vue-hls-player",
   "private": false,
-  "version": "1.1.6",
+  "version": "1.1.8",
   "type": "module",
   "files": [
     "dist"