@f8team/reel-core 1.1.2 → 1.1.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @f8team/reel-core
 
+## 1.1.4
+
+### Patch Changes
+
+- 8a6c787: HLS: automatic quality selection now stops at the smallest rendition whose width or height reaches the player's larger on-screen side times devicePixelRatio (hls.js `capLevelToPlayerSize`), so a small player on a modest PC is no longer moved to the highest rendition (for example 1440p) within a second. Players that are large in device pixels (for example 960 CSS px or wider at devicePixelRatio 2) still get the top rendition. A rendition picked by hand in the quality menu is never capped.
+
+## 1.1.3
+
+### Patch Changes
+
+- 01e3f6a: Fullscreen on iPhone: where the element Fullscreen API is missing, `fullscreen:toggle` now expands the player container to cover the window (overlays such as the watermark stay visible) instead of doing nothing. Escape or a second toggle restores the page. The container gets `data-reel-window-fullscreen` and `state.fullscreen` follows it.
+
 ## 1.1.2
 
 ### Patch Changes

package/dist/index.cjs

@@ -473,6 +473,7 @@ var HlsLoader = class {
   attachWithHlsJs(Hls, video, source) {
     const hls = new Hls({
       enableWorker: true,
+      capLevelToPlayerSize: this.options.capLevelToPlayerSize ?? true,
       ...makeHlsLoadPolicies(),
       xhrSetup: (xhr, url) => this.installXhrWatcher(xhr, url, source)
     });
@@ -1476,6 +1477,8 @@ function createStore(initial, options = {}) {
 }
 
 // src/createPlayer.ts
+var WINDOW_FULLSCREEN_ATTR = "data-reel-window-fullscreen";
+var WINDOW_FULLSCREEN_EVENT = "reel-windowfullscreenchange";
 function makeInitialState(options) {
   return {
     status: "idle",
@@ -1914,13 +1917,15 @@ function createPlayer(options = {}, internal = {}) {
     });
     const ownerDocument = target.ownerDocument;
     const onFullscreenChange = () => {
-      const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target);
+      const isFullscreen = !!ownerDocument.fullscreenElement?.contains(target) || !!target.closest(`[${WINDOW_FULLSCREEN_ATTR}]`);
       store.setState({ fullscreen: isFullscreen });
       bus.emit("fullscreenchange", { fullscreen: isFullscreen });
     };
     ownerDocument.addEventListener("fullscreenchange", onFullscreenChange);
+    target.addEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange);
     nativeListeners.push(
-      () => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange)
+      () => ownerDocument.removeEventListener("fullscreenchange", onFullscreenChange),
+      () => target.removeEventListener(WINDOW_FULLSCREEN_EVENT, onFullscreenChange)
     );
   }
   function unbindNativeEvents() {