Merge pull request #32 from apivideo/fix-ios-mp4-download

Fix iOS mp4 download

CHANGELOG.md

@@ -2,8 +2,10 @@
 
 All changes to this project will be documented in this file.
 
-## [1.1.1] - 2024-07-17
+## [1.1.2] - 2024-10-21
+- Fix mp4 download on IOS
 
+## [1.1.1] - 2024-07-17
 - Add `isFullScreen` in `onFullScreenChange` event
 - Fix `chromeless`
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@api.video/react-native-player",
   "author": "api.video <[email protected]>",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "React Native api.video player",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

src/index.tsx

@@ -5,7 +5,7 @@ import React, {
   useRef,
   type Ref,
 } from 'react';
-import { View, type StyleProp, type ViewStyle } from 'react-native';
+import { Linking, View, type StyleProp, type ViewStyle } from 'react-native';
 import { WebView } from 'react-native-webview';
 
 const PLAYER_HOST = 'https://embed.api.video';
@@ -298,6 +298,7 @@ const ApiVideoPlayer = forwardRef(
           onMessage={(msg) => onMessage(JSON.parse(msg.nativeEvent.data))}
           allowsInlineMediaPlayback={true}
           allowsFullscreenVideo={true}
+          onFileDownload={({ nativeEvent }) => Linking.openURL(nativeEvent.downloadUrl)}
           mediaPlaybackRequiresUserAction={false}
           injectedJavaScriptBeforeContentLoaded={`window.addEventListener('message', (m) => window.ReactNativeWebView.postMessage(JSON.stringify(m.data)))`}
         />