diff --git a/src/components/ScrollerVideo/ScrollerVideo.mdx b/src/components/ScrollerVideo/ScrollerVideo.mdx index ec070891..d2ae6e0f 100644 --- a/src/components/ScrollerVideo/ScrollerVideo.mdx +++ b/src/components/ScrollerVideo/ScrollerVideo.mdx @@ -84,8 +84,8 @@ Setting `embedded` will autoplay the whole `ScrollerVideo` component like a vide embedded embeddedProps={{ delay: 200, - threshold: 0.5, // threshold forplayback - height: '80svh', // height of the video + threshold: 0.5, // threshold for triggering the autoplay + height: '80svh', // height of the scroll container duration: 5000, // time duration from start to end }} /> diff --git a/src/components/ScrollerVideo/demo/Embedded.svelte b/src/components/ScrollerVideo/demo/Embedded.svelte index 4cc5e076..746aea73 100644 --- a/src/components/ScrollerVideo/demo/Embedded.svelte +++ b/src/components/ScrollerVideo/demo/Embedded.svelte @@ -2,6 +2,8 @@ import ScrollerVideo from '../ScrollerVideo.svelte'; import ScrollerVideoForeground from '../ScrollerVideoForeground.svelte'; import Goldengate from '../videos/goldengate.mp4'; + import BodyText from '../../BodyText/BodyText.svelte'; + import type { ContainerWidth } from '../../@types/global'; const content = { @@ -41,17 +43,22 @@ ], }; + const dummyText = + 'Reprehenderit hamburger pork bresaola, dolore chuck sirloin landjaeger ham hock tempor meatball alcatra nostrud pork belly. Culpa pork belly doner ea jowl, elit deserunt leberkas cow shoulder ham hock dolore.'; const scrollerVideoBlock = content.blocks[0]; -
+ + + + {/each} - -
- - +