As a developer, I want to create a new Video component to be used on pages.

[Bowens20832]

• Create a new Video component in Storybook using Video.js. https://videojs.com/
• Write Jest tests
• Create Video Json schema.org object for a video loaded in the video player. https://github.com/garmeeh/next-seo#video-1

[Bowens20832]

Build the component based on the Vercel example: https://github.com/vercel/next.js/tree/canary/examples/with-videojs

[Bowens20832]

I have started working on this item: https://github.com/elegantframework/elegant-cli/tree/feature%2Fvideo-player

[Bowens20832]

This feature is taking a little bit longer than I had anticipated. I am going to leave my progress on a branch and move this issue to version 2.3.

https://github.com/elegantframework/elegant-cli/tree/feature%2Fvideo-player

I left off with a basic Video.js component that had loaded a youtube video properly. I was in the process of making the args dynamic, and adding styles to the video component.

The version seems to be outdated, and when I try and move past Video.js v4, Storybook becomes broken :(

Follow these guides to finish the component:

https://github.com/vercel/next.js/blob/canary/examples/with-videojs/components/Player.tsx
https://videojs.com/getting-started/

Add SEO rich snippets:

https://github.com/garmeeh/next-seo#video-1