diff --git a/src/components/videos/videos.stories.js b/src/components/videos/videos.stories.js
index 94723d7..26b8eb8 100644
--- a/src/components/videos/videos.stories.js
+++ b/src/components/videos/videos.stories.js
@@ -1,8 +1,9 @@
 import video from './video.twig';
 
-import videoEmbedData from './video-embed.yml';
-import videoHTML5Data from './video-html5.yml';
+import { props as videoEmbedProps } from './video-embed.component.yml';
+import { props as videoHTML5Props } from './video-html5.component.yml';
 
+import { mapDataToTwig } from '../../util/dataTransformers';
 import './video-embed';
 
 /**
@@ -10,5 +11,8 @@ import './video-embed';
  */
 export default { title: 'Components/Media' };
 
+const videoEmbedData = mapDataToTwig(videoEmbedProps.properties);
+const videoHTML5Data = mapDataToTwig(videoHTML5Props.properties);
+
 export const videoEmbed = () => video(videoEmbedData);
 export const videoHtml5 = () => video(videoHTML5Data);