vidply 1.0.5 → 1.0.6

package/dist/vidply.esm.min.meta.json

@@ -1,22 +1,22 @@
 {
   "inputs": {
     "src/utils/EventEmitter.js": {
-      "bytes": 949,
+      "bytes": 1002,
       "imports": [],
       "format": "esm"
     },
     "src/utils/DOMUtils.js": {
-      "bytes": 3730,
+      "bytes": 3884,
       "imports": [],
       "format": "esm"
     },
     "src/i18n/translations.js": {
-      "bytes": 16450,
+      "bytes": 17011,
       "imports": [],
       "format": "esm"
     },
     "src/i18n/i18n.js": {
-      "bytes": 1573,
+      "bytes": 1639,
       "imports": [
         {
           "path": "src/i18n/translations.js",
@@ -27,7 +27,7 @@
       "format": "esm"
     },
     "src/utils/TimeUtils.js": {
-      "bytes": 2155,
+      "bytes": 2242,
       "imports": [
         {
           "path": "src/i18n/i18n.js",
@@ -38,7 +38,7 @@
       "format": "esm"
     },
     "src/icons/Icons.js": {
-      "bytes": 12356,
+      "bytes": 12539,
       "imports": [],
       "format": "esm"
     },
@@ -69,7 +69,7 @@
       "format": "esm"
     },
     "src/controls/CaptionManager.js": {
-      "bytes": 7219,
+      "bytes": 7467,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -85,12 +85,12 @@
       "format": "esm"
     },
     "src/controls/KeyboardManager.js": {
-      "bytes": 6553,
+      "bytes": 6786,
       "imports": [],
       "format": "esm"
     },
     "src/controls/TranscriptManager.js": {
-      "bytes": 23405,
+      "bytes": 24133,
       "imports": [
         {
           "path": "src/utils/DOMUtils.js",
@@ -116,22 +116,22 @@
       "format": "esm"
     },
     "src/renderers/HTML5Renderer.js": {
-      "bytes": 8362,
+      "bytes": 8660,
       "imports": [],
       "format": "esm"
     },
     "src/renderers/YouTubeRenderer.js": {
-      "bytes": 6912,
+      "bytes": 7186,
       "imports": [],
       "format": "esm"
     },
     "src/renderers/VimeoRenderer.js": {
-      "bytes": 6442,
+      "bytes": 6699,
       "imports": [],
       "format": "esm"
     },
     "src/renderers/HLSRenderer.js": {
-      "bytes": 8455,
+      "bytes": 8757,
       "imports": [
         {
           "path": "src/renderers/HTML5Renderer.js",
@@ -142,7 +142,7 @@
       "format": "esm"
     },
     "src/core/Player.js": {
-      "bytes": 35845,
+      "bytes": 39618,
       "imports": [
         {
           "path": "src/utils/EventEmitter.js",
@@ -224,7 +224,7 @@
       "format": "esm"
     },
     "src/index.js": {
-      "bytes": 2706,
+      "bytes": 2801,
       "imports": [
         {
           "path": "src/core/Player.js",
@@ -284,7 +284,7 @@
           "bytesInOutput": 12461
         },
         "src/core/Player.js": {
-          "bytesInOutput": 16746
+          "bytesInOutput": 18100
         },
         "src/renderers/YouTubeRenderer.js": {
           "bytesInOutput": 4140
@@ -302,7 +302,7 @@
           "bytesInOutput": 1000
         }
       },
-      "bytes": 128430
+      "bytes": 129784
     }
   }
 }

package/dist/vidply.js

@@ -4332,6 +4332,8 @@ var VidPly = (() => {
         playbackSpeed: 1,
         preload: "metadata",
         startTime: 0,
+        playsInline: true,
+        // Enable inline playback on iOS (prevents native fullscreen)
         // Controls
         controls: true,
         hideControlsDelay: 3e3,
@@ -4547,6 +4549,11 @@ var VidPly = (() => {
       this.element.setAttribute("tabindex", "-1");
       this.element.style.width = "100%";
       this.element.style.height = "100%";
+      if (this.element.tagName === "VIDEO" && this.options.playsInline) {
+        this.element.setAttribute("playsinline", "");
+        this.element.setAttribute("webkit-playsinline", "");
+        this.element.playsInline = true;
+      }
       if (this.options.width) {
         this.container.style.width = typeof this.options.width === "number" ? `${this.options.width}px` : this.options.width;
       }
@@ -5082,6 +5089,25 @@ var VidPly = (() => {
         }
         this.orientationQuery = orientationQuery;
       }
+      this.fullscreenChangeHandler = () => {
+        const isFullscreen = !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+        if (this.state.fullscreen !== isFullscreen) {
+          this.state.fullscreen = isFullscreen;
+          if (isFullscreen) {
+            this.container.classList.add(`${this.options.classPrefix}-fullscreen`);
+          } else {
+            this.container.classList.remove(`${this.options.classPrefix}-fullscreen`);
+          }
+          this.emit("fullscreenchange", isFullscreen);
+          if (this.controlBar) {
+            this.controlBar.updateFullscreenButton();
+          }
+        }
+      };
+      document.addEventListener("fullscreenchange", this.fullscreenChangeHandler);
+      document.addEventListener("webkitfullscreenchange", this.fullscreenChangeHandler);
+      document.addEventListener("mozfullscreenchange", this.fullscreenChangeHandler);
+      document.addEventListener("MSFullscreenChange", this.fullscreenChangeHandler);
     }
     // Cleanup
     destroy() {
@@ -5123,6 +5149,13 @@ var VidPly = (() => {
         this.orientationQuery = null;
         this.orientationHandler = null;
       }
+      if (this.fullscreenChangeHandler) {
+        document.removeEventListener("fullscreenchange", this.fullscreenChangeHandler);
+        document.removeEventListener("webkitfullscreenchange", this.fullscreenChangeHandler);
+        document.removeEventListener("mozfullscreenchange", this.fullscreenChangeHandler);
+        document.removeEventListener("MSFullscreenChange", this.fullscreenChangeHandler);
+        this.fullscreenChangeHandler = null;
+      }
       if (this.container && this.container.parentNode) {
         this.container.parentNode.insertBefore(this.element, this.container);
         this.container.parentNode.removeChild(this.container);