pds-dev-kit-web-test 2.5.395 → 2.5.400

package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js

@@ -20,10 +20,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
+var helper_1 = require("../../../../DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper");
 var styled_components_1 = __importDefault(require("styled-components"));
 function VideoBGMedia(_a) {
     var src = _a.src, startTime = _a.startTime, endTime = _a.endTime, loop = _a.loop;
     var videoRef = (0, react_1.useRef)(null);
+    var _b = (0, react_1.useState)(function () {
+        return (0, helper_1.parseTargetUrl)(src).encodedURL;
+    }), videoURL = _b[0], setVideoURL = _b[1];
+    (0, react_1.useEffect)(function () {
+        setVideoURL((0, helper_1.parseTargetUrl)(src).encodedURL);
+    }, [src]);
     var onLoadedMetadata = function () {
         var video = videoRef.current;
         if (!video)
@@ -55,7 +62,15 @@ function VideoBGMedia(_a) {
             video.play();
         }
     };
-    return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ ref: videoRef, onLoadedMetadata: onLoadedMetadata, onTimeUpdate: onTimeUpdate, onEnded: onEnded, autoPlay: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: src, type: "video/mp4" }) }), src));
+    var onVideoError = function () {
+        var fallbackURL = (0, helper_1.parseTargetUrl)(src).fallbackURL;
+        var isFallbackURL = fallbackURL === videoURL;
+        if (fallbackURL && !isFallbackURL) {
+            setVideoURL(fallbackURL);
+            return;
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(S_Video, __assign({ "data-src": src, ref: videoRef, onLoadedMetadata: onLoadedMetadata, onTimeUpdate: onTimeUpdate, onEnded: onEnded, onError: onVideoError, autoPlay: true, muted: true, playsInline: true }, { children: (0, jsx_runtime_1.jsx)("source", { src: videoURL }) }), videoURL));
 }
 var S_Video = styled_components_1.default.video(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  left: 0;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -9999;\n"], ["\n  height: 100%;\n  left: 0;\n  object-fit: cover;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: -9999;\n"])));
 exports.default = VideoBGMedia;

package/dist/src/sub/DynamicLayout/mocks.js

@@ -4374,7 +4374,7 @@ exports.MOCK_SECTIONS = [
                     'CB_STYLE_PROP_BGMEDIA_SPEC_IMAGEFIT:MOBILE': null,
                     'CB_STYLE_PROP_BGMEDIA_SPEC_REPLAY:HOVER': null,
                     'CB_STYLE_PROP_BGMEDIA_SPEC_STARTTIME:MOBILE:HOVER': null,
-                    CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://download.blender.org/peach/bigbuckbunny_movies/BigBuckBunny_320x180.mp4'
+                    CB_STYLE_PROP_BGMEDIA_SPEC_VIDEOSELECTOR: 'https://publ-upload-prod.s3.ap-northeast-2.amazonaws.com/VSMPj3k7020250529153815853-g7c8x.mp4?fallbackUrl=publ-upload-prod.s3.ap-northeast-2.amazonaws.com%2F2d9ca5b4-3d6d-4088-934d-00bcbf46f9a6.mov'
                 },
                 CB_STYLE_PROP_BGOVERLAY: {
                     CB_STYLE_PROP_BGOVERLAY_SPEC_ANGLE: 90,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.5.395",
+  "version": "2.5.400",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",