@multiplatform.one/components 7.30.1 → 7.31.1

package/src/Video/Video.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { YStack } from "tamagui";
+import { videoSample } from "../../tests/fixtures/videoSample";
 import { Video } from "./index";
 
 const meta: Meta<typeof Video> = {
@@ -29,13 +30,10 @@ export default meta;
 
 type Story = StoryObj<typeof Video>;
 
-/** Short public-domain sample (W3C / MDN). */
-const SAMPLE = "https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4";
-
 export const Default: Story = {
   name: "Main",
   args: {
-    src: SAMPLE,
+    src: videoSample.src,
     controls: true,
     title: "Flower",
     children: "MDN CC0 sample clip.",
@@ -44,7 +42,7 @@ export const Default: Story = {
 
 export const MutedLoop: Story = {
   args: {
-    src: SAMPLE,
+    src: videoSample.src,
     muted: true,
     loop: true,
     autoPlay: true,
@@ -56,11 +54,7 @@ export const MutedLoop: Story = {
 export const WithPoster: Story = {
   render: () => (
     <YStack maxWidth={560}>
-      <Video
-        src={SAMPLE}
-        poster="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.jpg"
-        title="Flower with poster"
-      >
+      <Video src={videoSample.src} poster={videoSample.poster} title="Flower with poster">
         Poster frame before play (HTML poster on web; image overlay until first frame on native).
       </Video>
     </YStack>