@scarlett-player/embed 1.0.0 → 1.0.2

package/dist/embed.video.js

@@ -277,6 +277,11 @@ function setupVideoEventHandlers(video, api) {
     api.setState("duration", video.duration);
     api.setState("mediaType", video.videoWidth > 0 ? "video" : "audio");
   });
+  addHandler("loadeddata", () => {
+    if (video.videoWidth > 0) {
+      api.setState("mediaType", "video");
+    }
+  });
   addHandler("error", () => {
     const error = video.error;
     if (error) {
@@ -3617,13 +3622,15 @@ function uiPlugin(config = {}) {
   };
 }
 var POSITIONS = ["top-left", "top-right", "bottom-left", "bottom-right", "center"];
-var POSITION_STYLES = {
-  "top-left": "top:10px;left:10px;",
-  "top-right": "top:10px;right:10px;",
-  "bottom-left": "bottom:40px;left:10px;",
-  "bottom-right": "bottom:40px;right:10px;",
-  "center": "top:50%;left:50%;transform:translate(-50%,-50%);"
-};
+function getPositionStyles(padding, bottomPadding) {
+  return {
+    "top-left": `top:${padding}px;left:${padding}px;`,
+    "top-right": `top:${padding}px;right:${padding}px;`,
+    "bottom-left": `bottom:${bottomPadding}px;left:${padding}px;`,
+    "bottom-right": `bottom:${bottomPadding}px;right:${padding}px;`,
+    "center": "top:50%;left:50%;transform:translate(-50%,-50%);"
+  };
+}
 function createWatermarkPlugin(config = {}) {
   let api = null;
   let element = null;
@@ -3632,13 +3639,17 @@ function createWatermarkPlugin(config = {}) {
   let currentPosition = config.position || "bottom-right";
   const opacity = config.opacity ?? 0.5;
   const fontSize = config.fontSize ?? 14;
+  let currentImageHeight = config.imageHeight ?? 40;
+  let currentPadding = config.padding ?? 10;
+  let currentBottomPadding = config.padding ?? 40;
   const dynamic = config.dynamic ?? false;
   const dynamicInterval = config.dynamicInterval ?? 1e4;
   const showDelay = config.showDelay ?? 0;
+  let positionStyles = getPositionStyles(currentPadding, currentBottomPadding);
   const createElement2 = () => {
     const el = document.createElement("div");
     el.className = "sp-watermark sp-watermark--hidden";
-    el.style.cssText = `position:absolute;z-index:10;pointer-events:none;opacity:${opacity};font-size:${fontSize}px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.6);font-family:sans-serif;transition:all 0.5s ease;${POSITION_STYLES[currentPosition]}`;
+    el.style.cssText = `position:absolute;z-index:10;pointer-events:none;opacity:${opacity};font-size:${fontSize}px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.6);font-family:sans-serif;transition:all 0.5s ease;${positionStyles[currentPosition]}`;
     el.setAttribute("data-position", currentPosition);
     updateContent(el);
     return el;
@@ -3650,7 +3661,7 @@ function createWatermarkPlugin(config = {}) {
     if (img) {
       const imgEl = document.createElement("img");
       imgEl.src = img;
-      imgEl.style.cssText = `max-height:${fontSize * 2}px;opacity:inherit;display:block;`;
+      imgEl.style.cssText = `max-height:${currentImageHeight}px;opacity:inherit;display:block;`;
       imgEl.alt = "";
       el.appendChild(imgEl);
     } else if (txt) {
@@ -3665,7 +3676,7 @@ function createWatermarkPlugin(config = {}) {
     element.style.bottom = "";
     element.style.left = "";
     element.style.transform = "";
-    const styles2 = POSITION_STYLES[position];
+    const styles2 = positionStyles[position];
     styles2.split(";").filter(Boolean).forEach((rule) => {
       const colonIdx = rule.indexOf(":");
       if (colonIdx === -1) return;
@@ -3784,10 +3795,23 @@ function createWatermarkPlugin(config = {}) {
     setOpacity(value) {
       if (element) element.style.opacity = String(Math.max(0, Math.min(1, value)));
     },
+    setImageHeight(height) {
+      currentImageHeight = Math.max(1, height);
+      if (element) {
+        const img = element.querySelector("img");
+        if (img) img.style.maxHeight = `${currentImageHeight}px`;
+      }
+    },
+    setPadding(value) {
+      currentPadding = Math.max(0, value);
+      currentBottomPadding = currentPadding;
+      positionStyles = getPositionStyles(currentPadding, currentBottomPadding);
+      setPosition(currentPosition);
+    },
     show,
     hide,
     getConfig() {
-      return { ...config, position: currentPosition, opacity: element ? parseFloat(element.style.opacity) || opacity : opacity };
+      return { ...config, position: currentPosition, opacity: element ? parseFloat(element.style.opacity) || opacity : opacity, imageHeight: currentImageHeight, padding: currentPadding };
     }
   };
 }