vidply 1.0.5 → 1.0.6

package/dist/vidply.esm.js

@@ -4312,6 +4312,8 @@ var Player = class extends EventEmitter {
       playbackSpeed: 1,
       preload: "metadata",
       startTime: 0,
+      playsInline: true,
+      // Enable inline playback on iOS (prevents native fullscreen)
       // Controls
       controls: true,
       hideControlsDelay: 3e3,
@@ -4527,6 +4529,11 @@ var Player = class extends EventEmitter {
     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;
     }
@@ -5062,6 +5069,25 @@ var Player = class extends EventEmitter {
       }
       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() {
@@ -5103,6 +5129,13 @@ var Player = class extends EventEmitter {
       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);