Merge pull request #4 from RedHat-UX/NGUI-176-video-component

feat(NGUI-176): Video component

Author: Hrithik-Gavankar

README.md

@@ -10,9 +10,15 @@ This npm package provides a collection of reusable Patternfly React components t
 ## Provides:
 
 - Patternfly React Components
-  - ImageComponent
   - OneCardWrapper
+  - ImageComponent
   - TableWrapper
+  - VideoPlayerWrapper
+* Dynamic Component Renderer
+  - DynamicComponents
+* Supported Components
+  - `one-card`, `image`, `table`, `video-player`
+  - `video-player` supports YouTube video URLs and direct video file URLs
 
 ## Installation
 
@@ -122,6 +128,23 @@ function App() {
 }
 ```
 
+### VideoPlayer Component
+
+```jsx
+import { VideoPlayerWrapper } from '@rhngui/patternfly-react-renderer';
+
+const videoData = {
+  component: "video-player",
+  video: "https://www.youtube.com/embed/v-PjgYDrg70",
+  video_img: "https://img.youtube.com/vi/v-PjgYDrg70/maxresdefault.jpg",
+  title: "Toy Story Trailer"
+};
+
+function App() {
+  return <VideoPlayerWrapper {...videoData} />;
+}
+```
+
 ## Links
 
 - [Documentation](https://redhat-ux.github.io/next-gen-ui-agent/guide/renderer/patternfly_npm/)