Bugfix/allow android fullscreen (#10)

* change main file package.json

* several improvements

* suggestions and fixes

* other fixes

* types safety

* fixes on handlers

* add keys to allow full screen on android

Author: Marcoo09

README.md

@@ -17,7 +17,7 @@ the Vimeo player JS API (more information https://developer.vimeo.com/player/js-
 
 ```
         <Vimeo
-          videoId={'513199601'}
+          videoId={'76979871'}
           onReady={() => console.log('Video is ready')}
           onPlay={() => console.log('Video is playing')}
           onPlayProgress={(data) => console.log('Video progress data:', data)}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-vimeo-iframe",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React Native Vimeo Iframe is a library to render Vimeo videos in a React Native app. This component allows you to embed a Vimeo video in your app and have full access to the Vimeo player JS API (more information https://developer.vimeo.com/player/js-api).",
   "homepage": "https://github.com/MetaLabs-inc/react-native-vimeo-iframe#readme",
   "main": "lib/commonjs/index.js",

src/index.tsx

@@ -121,6 +121,7 @@ export const Vimeo: React.FC<LayoutProps> = ({
 
   return (
     <WebView
+      allowsFullscreenVideo={true}
       source={{
         html: webplayer(videoId, loop, autoPlayValue, controls, speed),
       }}

src/template/index.ts

@@ -36,6 +36,8 @@ iframe.height = '98%';
 iframe.frameBorder = '0';
 iframe.webkitallowfullscreen = true;
 iframe.allowfullscreen = true;
+iframe.mozallowfullscreen = true;
+iframe.allow="autoplay;fullscreen"
 iframe.id = PLAYER_ID;
 document.body.appendChild(iframe);
 var player = $f(iframe);