@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
37 lines (36 loc) • 1.33 kB
JavaScript
/** Reusable Storybook payload for carousel/stack/tabs video-background demos. */
export const STORY_BACKGROUND_VIDEO_FILL = {
type: "video",
fit_mode: "fill",
mute_audio: true,
loop: true,
color_overlay: {
light: {
type: "linear",
degrees: 180,
points: [
{ percent: 0, color: "#00000055" },
{ percent: 100, color: "#00000033" },
],
},
},
fallback_image: {
light: {
width: 760,
height: 520,
original: "https://placehold.co/760x520/334155/e2e8f0.webp?text=Video+poster",
heic: "https://placehold.co/760x520/334155/e2e8f0.webp?text=Video+poster",
heic_low_res: "https://placehold.co/760x520/334155/e2e8f0.webp?text=Video+poster",
webp: "https://placehold.co/760x520/334155/e2e8f0.webp?text=Video+poster",
webp_low_res: "https://placehold.co/760x520/334155/e2e8f0.webp?text=Video+poster",
},
},
value: {
light: {
width: 1920,
height: 1080,
url: "https://videos.pexels.com/video-files/10288594/10288594-hd_1920_1080_25fps.mp4",
url_low_res: "https://videos.pexels.com/video-files/10288594/10288594-hd_1920_1080_25fps.mp4",
},
},
};