Merge pull request #19 from apivideo/fix-player-size-in-doc

Fix player size in documentation

README.md

@@ -64,7 +64,7 @@ import ApiVideoPlayer from '@api.video/react-player'
 
 // ...
 
-<ApiVideoPlayer video={{id: "vi5fv44Hol1jFrCovyktAJS9"}} />
+<ApiVideoPlayer video={{id: "vi5fv44Hol1jFrCovyktAJS9"}} style={{ height: '480px' }} />
 ```
 
 ## Documentation
@@ -105,16 +105,18 @@ Examples
 ```tsx
 {/* default: all controls are displayed */}
 <ApiVideoPlayer 
- video={{id: "vi5fv44Hol1jFrCovyktAJS9"}} />
+ video={{id: "vi5fv44Hol1jFrCovyktAJS9"}} style={{ height: '480px' }} />
 
 {/* all controls hidden (equivalent to chromeless=true) */}
 <ApiVideoPlayer 
   video={{id: "vi5fv44Hol1jFrCovyktAJS9"}}
+  style={{ height: '480px' }}
   controls={[]} />
 
 { /* only the play button & the unmute one are displayed */}
 <ApiVideoPlayer 
   video={{id: "vi5fv44Hol1jFrCovyktAJS9"}}
+  style={{ height: '480px' }}
   controls={["play", "unmute"]}/>
 ```
 
@@ -128,6 +130,7 @@ Example
 { /* display the text in blue and the progress bar in red */}
 <ApiVideoPlayer
   video={{id: "vi5fv44Hol1jFrCovyktAJS9"}}
+  style={{ height: '480px' }}
   theme={{
     trackPlayed: "#FF0000",
     text: "blue"
@@ -202,7 +205,8 @@ To play a [private video](https://api.video/blog/tutorials/tutorial-private-vide
 // ...
 <ApiVideoPlayer video={{
     id: "vi5fv44Hol1jFrCovyktAJS9",
-  token: "e1bdf9a8-da40-421e-87f3-75b15232c531"}} />
+  token: "e1bdf9a8-da40-421e-87f3-75b15232c531"}}
+  style={{ height: '480px' }} />
 ```
 
 #### Defining metadata
@@ -211,6 +215,7 @@ To play a [private video](https://api.video/blog/tutorials/tutorial-private-vide
 // ...
 <ApiVideoPlayer
   video={{ id: "vi5fv44Hol1jFrCovyktAJS9" }}
+  style={{ height: '480px' }}
   metadata={{"userName": "Alfred"}} />
 ```
 
@@ -222,6 +227,7 @@ const playerRef = useRef<ApiVideoPlayer>(null);
 return
 <ApiVideoPlayer
   video={{ id: "vi5jC9kQs2I3PdmVBjgcIg45" }}
+  style={{ height: '480px' }}
   chromeless={true}
   ref={playerRef}>
   <button onClick={() => playerRef.current?.play()}>play</button>