feat(emulsif-245): restructure video stories file

src/components/videos/videos.stories.js

@@ -1,14 +1,18 @@
 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';
 
 /**
  * Storybook Definition.
  */
 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);