@jwplayer/jwplayer-react-native 1.1.3 → 1.2.0

package/RNJWPlayer.podspec

@@ -12,7 +12,7 @@ Pod::Spec.new do |s|
   s.platform     = :ios, "15.0"
   s.source       = { :git => "https://github.com/jwplayer/jwplayer-react-native.git", :tag => "v#{s.version}" }
   s.source_files  = "ios/RNJWPlayer/*.{h,m,swift}"
-  s.dependency   'JWPlayerKit', '4.23.1'
+  s.dependency   'JWPlayerKit', '4.23.2'
   s.dependency   'React-Core'
   s.static_framework = true
   s.info_plist = {

package/android/build.gradle

@@ -73,7 +73,7 @@ allprojects {
     }
 }
 
-def jwPlayerVersion = "4.21.0"
+def jwPlayerVersion = "4.21.1"
 def exoplayerVersion = "2.18.7" // Deprecated. Use Media3 when targeting JW SDK > 4.16.0
 def media3ExoVersion = "1.4.1"
 

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerModule.java

@@ -1,5 +1,7 @@
 package com.jwplayer.rnjwplayer;
 
+import android.util.Log;
+
 import android.os.Handler;
 import android.os.Looper;
 
@@ -430,6 +432,16 @@ public class RNJWPlayerModule extends ReactContextBaseJavaModule {
         });
     }
 
+    @ReactMethod
+    /**
+     * Stub method for recreatePlayerWithConfig - this method is iOS only
+     * On Android, create a new player instance with the new configuration instead
+     */
+    public void recreatePlayerWithConfig(final int reactTag, final ReadableMap config) {
+        // No-op on Android - this method is iOS only
+        Log.w("RNJWPlayer", "recreatePlayerWithConfig is not supported on Android. Create a new player instance with the new configuration instead.");
+    }
+
     private int stateToInt(PlayerState playerState) {
         switch (playerState) {
             case IDLE:

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerView.java

@@ -1,6 +1,7 @@
 package com.jwplayer.rnjwplayer;
 
 
+import android.annotation.SuppressLint;
 import android.app.Activity;
 import android.app.ActivityManager;
 import android.content.BroadcastReceiver;
@@ -372,9 +373,9 @@ public class RNJWPlayerView extends RelativeLayout implements
 
             // If we are casting we need to break the cast session as there is no simple
             // way to reconnect to an existing session if the player that created it is dead
-            
+
             // If this doesn't match your use case, using a single player object and load content
-            // into it rather than creating a new player for every piece of content. 
+            // into it rather than creating a new player for every piece of content.
             mPlayer.stop();
 
             // send signal to JW SDK player is destroyed
@@ -537,7 +538,7 @@ public class RNJWPlayerView extends RelativeLayout implements
         }
     }
 
-   public void resolveNextPlaylistItem(ReadableMap playlistItem) {
+    public void resolveNextPlaylistItem(ReadableMap playlistItem) {
         if (itemUpdatePromise == null) {
             return;
         }
@@ -741,7 +742,7 @@ public class RNJWPlayerView extends RelativeLayout implements
                 public void run() {
                     // View may not have been removed properly (especially if returning from PiP)
                     mPlayerViewContainer.removeView(mPlayerView);
-                    
+
                     mPlayerViewContainer.addView(mPlayerView, new ViewGroup.LayoutParams(
                             ViewGroup.LayoutParams.MATCH_PARENT,
                             ViewGroup.LayoutParams.MATCH_PARENT));
@@ -856,6 +857,7 @@ public class RNJWPlayerView extends RelativeLayout implements
         }
     }
 
+    @SuppressLint("UnspecifiedRegisterReceiverFlag")
     private void registerReceiver() {
         mReceiver = new PipHandlerReceiver();
         IntentFilter intentFilter = new IntentFilter("onPictureInPictureModeChanged");
@@ -974,130 +976,132 @@ public class RNJWPlayerView extends RelativeLayout implements
                 .deepEquals(new ReadableArray[]{mPlaylistProp}, new ReadableArray[]{prop.getArray("playlist")});
     }
 
-    private void setupPlayer(ReadableMap prop) {
-        // Legacy
-        PlayerConfig.Builder configBuilder = new PlayerConfig.Builder();
-
-        JSONObject obj;
-        PlayerConfig jwConfig = null;
-        Boolean forceLegacy = prop.hasKey("forceLegacyConfig") ? prop.getBoolean("forceLegacyConfig") : false;
-        Boolean playlistItemCallbackEnabled = prop.hasKey("playlistItemCallbackEnabled") ? prop.getBoolean("playlistItemCallbackEnabled") : false;
-        Boolean isJwConfig = false;
-        if (!forceLegacy) {
-            try {
-                obj = MapUtil.toJSONObject(prop);
-                jwConfig = JsonHelper.parseConfigJson(obj);
-                isJwConfig = true;
-            } catch (Exception ex) {
-                Log.e("RNJWPlayerView", ex.toString());
-                isJwConfig = false; // not a valid jw config. Try to setup in legacy
-            }
-        }
-
-        if (!isJwConfig) {
-            // Legacy
-            if (playlistNotTheSame(prop)) {
-                List<PlaylistItem> playlist = new ArrayList<>();
-                mPlaylistProp = prop.getArray("playlist");
-                if (mPlaylistProp != null && mPlaylistProp.size() > 0) {
-
-                    int j = 0;
-                    while (mPlaylistProp.size() > j) {
-                        ReadableMap playlistItem = mPlaylistProp.getMap(j);
-
-                        PlaylistItem newPlayListItem = Util.getPlaylistItem((playlistItem));
-                        playlist.add(newPlayListItem);
-                        j++;
-                    }
+    private void configurePlaylist(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (playlistNotTheSame(prop)) {
+            List<PlaylistItem> playlist = new ArrayList<>();
+            mPlaylistProp = prop.getArray("playlist");
+            if (mPlaylistProp != null && mPlaylistProp.size() > 0) {
+                int j = 0;
+                while (mPlaylistProp.size() > j) {
+                    ReadableMap playlistItem = mPlaylistProp.getMap(j);
+                    PlaylistItem newPlayListItem = Util.getPlaylistItem((playlistItem));
+                    playlist.add(newPlayListItem);
+                    j++;
                 }
-
-                configBuilder.playlist(playlist);
             }
+            configBuilder.playlist(playlist);
+        }
+    }
 
-            // Legacy
-            if (prop.hasKey("autostart")) {
-                boolean autostart = prop.getBoolean("autostart");
-                configBuilder.autostart(autostart);
-            }
+    private void configureBasicSettings(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("autostart")) {
+            boolean autostart = prop.getBoolean("autostart");
+            configBuilder.autostart(autostart);
+        }
 
-            // Legacy
-            if (prop.hasKey("nextUpStyle")) {
-                ReadableMap nextUpStyle = prop.getMap("nextUpStyle");
-                if (nextUpStyle != null && nextUpStyle.hasKey("offsetSeconds")
-                        && nextUpStyle.hasKey("offsetPercentage")) {
-                    int offsetSeconds = prop.getInt("offsetSeconds");
-                    int offsetPercentage = prop.getInt("offsetPercentage");
-                    configBuilder.nextUpOffset(offsetSeconds).nextUpOffsetPercentage(offsetPercentage);
-                }
+        if (prop.hasKey("nextUpStyle")) {
+            ReadableMap nextUpStyle = prop.getMap("nextUpStyle");
+            if (nextUpStyle != null && nextUpStyle.hasKey("offsetSeconds")
+                    && nextUpStyle.hasKey("offsetPercentage")) {
+                int offsetSeconds = prop.getInt("offsetSeconds");
+                int offsetPercentage = prop.getInt("offsetPercentage");
+                configBuilder.nextUpOffset(offsetSeconds).nextUpOffsetPercentage(offsetPercentage);
             }
+        }
 
-            // Legacy
-            if (prop.hasKey("repeat")) {
-                boolean repeat = prop.getBoolean("repeat");
-                configBuilder.repeat(repeat);
-            }
+        if (prop.hasKey("repeat")) {
+            boolean repeat = prop.getBoolean("repeat");
+            configBuilder.repeat(repeat);
+        }
 
-            // Legacy
-            if (prop.hasKey("styling")) {
-                ReadableMap styling = prop.getMap("styling");
-                if (styling != null) {
-                    if (styling.hasKey("displayDescription")) {
-                        boolean displayDescription = styling.getBoolean("displayDescription");
-                        configBuilder.displayDescription(displayDescription);
-                    }
+        if (prop.hasKey("stretching")) {
+            String stretching = prop.getString("stretching");
+            configBuilder.stretching(stretching);
+        }
+    }
 
-                    if (styling.hasKey("displayTitle")) {
-                        boolean displayTitle = styling.getBoolean("displayTitle");
-                        configBuilder.displayTitle(displayTitle);
-                    }
+    private void configureStyling(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("styling")) {
+            ReadableMap styling = prop.getMap("styling");
+            if (styling != null) {
+                if (styling.hasKey("displayDescription")) {
+                    boolean displayDescription = styling.getBoolean("displayDescription");
+                    configBuilder.displayDescription(displayDescription);
+                }
 
-                    if (styling.hasKey("colors")) {
-                        mColors = styling.getMap("colors");
-                    }
+                if (styling.hasKey("displayTitle")) {
+                    boolean displayTitle = styling.getBoolean("displayTitle");
+                    configBuilder.displayTitle(displayTitle);
                 }
-            }
 
-            // Legacy
-            if (prop.hasKey("advertising")) {
-                ReadableMap ads = prop.getMap("advertising");
-                AdvertisingConfig advertisingConfig = RNJWPlayerAds.getAdvertisingConfig(ads);
-                if (advertisingConfig != null) {
-                    configBuilder.advertisingConfig(advertisingConfig);
+                if (styling.hasKey("colors")) {
+                    mColors = styling.getMap("colors");
                 }
             }
+        }
+    }
 
-            // Legacy
-            if (prop.hasKey("stretching")) {
-                String stretching = prop.getString("stretching");
-                configBuilder.stretching(stretching);
+    private void configureAdvertising(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("advertising")) {
+            ReadableMap ads = prop.getMap("advertising");
+            AdvertisingConfig advertisingConfig = RNJWPlayerAds.getAdvertisingConfig(ads);
+            if (advertisingConfig != null) {
+                configBuilder.advertisingConfig(advertisingConfig);
             }
+        }
+    }
 
-            // Legacy
-            // this isn't the ideal way to do controls...
-            // Better to just expose the `.setControls` method
-            if (prop.hasKey("controls")) {
-                boolean controls = prop.getBoolean("controls");
-                if (!controls) {
-                    UiConfig uiConfig = new UiConfig.Builder().hideAllControls().build();
-                    configBuilder.uiConfig(uiConfig);
-                }
+    private void configureUI(PlayerConfig.Builder configBuilder, ReadableMap prop) {
+        if (prop.hasKey("controls")) {
+            boolean controls = prop.getBoolean("controls");
+            if (!controls) {
+                UiConfig uiConfig = new UiConfig.Builder().hideAllControls().build();
+                configBuilder.uiConfig(uiConfig);
             }
+        }
 
-            // Legacy
-            if (prop.hasKey("hideUIGroups")) {
-                ReadableArray uiGroupsArray = prop.getArray("hideUIGroups");
-                UiConfig.Builder hideConfigBuilder = new UiConfig.Builder().displayAllControls();
-                for (int i = 0; i < uiGroupsArray.size(); i++) {
-                    if (uiGroupsArray.getType(i) == ReadableType.String) {
-                        UiGroup uiGroup = GROUP_TYPES.get(uiGroupsArray.getString(i));
-                        if (uiGroup != null) {
-                            hideConfigBuilder.hide(uiGroup);
-                        }
+        if (prop.hasKey("hideUIGroups")) {
+            ReadableArray uiGroupsArray = prop.getArray("hideUIGroups");
+            UiConfig.Builder hideConfigBuilder = new UiConfig.Builder().displayAllControls();
+            for (int i = 0; i < uiGroupsArray.size(); i++) {
+                if (uiGroupsArray.getType(i) == ReadableType.String) {
+                    UiGroup uiGroup = GROUP_TYPES.get(uiGroupsArray.getString(i));
+                    if (uiGroup != null) {
+                        hideConfigBuilder.hide(uiGroup);
                     }
                 }
-                UiConfig hideJwControlbarUiConfig = hideConfigBuilder.build();
-                configBuilder.uiConfig(hideJwControlbarUiConfig);
             }
+            UiConfig hideJwControlbarUiConfig = hideConfigBuilder.build();
+            configBuilder.uiConfig(hideJwControlbarUiConfig);
+        }
+    }
+
+    private void setupPlayer(ReadableMap prop) {
+        PlayerConfig.Builder configBuilder = new PlayerConfig.Builder();
+
+        JSONObject obj;
+        PlayerConfig jwConfig = null;
+        Boolean forceLegacy = prop.hasKey("forceLegacyConfig") ? prop.getBoolean("forceLegacyConfig") : false;
+        Boolean playlistItemCallbackEnabled = prop.hasKey("playlistItemCallbackEnabled") ? prop.getBoolean("playlistItemCallbackEnabled") : false;
+        Boolean isJwConfig = false;
+
+        if (!forceLegacy) {
+            try {
+                obj = MapUtil.toJSONObject(prop);
+                jwConfig = JsonHelper.parseConfigJson(obj);
+                isJwConfig = true;
+            } catch (Exception ex) {
+                Log.e("RNJWPlayerView", ex.toString());
+                isJwConfig = false; // not a valid jw config. Try to setup in legacy
+            }
+        }
+
+        if (!isJwConfig) {
+            configurePlaylist(configBuilder, prop);
+            configureBasicSettings(configBuilder, prop);
+            configureStyling(configBuilder, prop);
+            configureAdvertising(configBuilder, prop);
+            configureUI(configBuilder, prop);
         }
 
         Context simpleContext = getNonBuggyContext(getReactContext(), getAppContext());

package/android/src/main/java/com/jwplayer/rnjwplayer/RNJWPlayerViewManager.java

@@ -46,6 +46,22 @@ public class RNJWPlayerViewManager extends SimpleViewManager<RNJWPlayerView> {
     view.mPlayerView.getPlayer().setControls(controls);
   }
 
+  /**
+   * Recreates the player with a new configuration, handling cleanup and PiP state.
+   * This method ensures proper cleanup and state restoration during configuration changes.
+   *
+   * @param view The RNJWPlayerView instance
+   * @param config The new configuration to apply
+   */
+  @ReactProp(name = "recreatePlayerWithConfig")
+  public void recreatePlayerWithConfig(RNJWPlayerView view, ReadableMap config) {
+    if (view == null || view.mPlayerView == null) {
+      return;
+    }
+    view.mPlayerView.getPlayer().stop();
+    view.setConfig(config);
+  }
+
   public Map getExportedCustomBubblingEventTypeConstants() {
     return MapBuilder.builder()
             .put(

package/badges/version.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="20" role="img" aria-label="version: 1.1.3"><title>version: 1.1.3</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="90" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="51" height="20" fill="#555"/><rect x="51" width="39" height="20" fill="#007ec6"/><rect width="90" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="265" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">version</text><text x="265" y="140" transform="scale(.1)" fill="#fff" textLength="410">version</text><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">1.1.3</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="290">1.1.3</text></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="20" role="img" aria-label="version: 1.2.0"><title>version: 1.2.0</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="90" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="51" height="20" fill="#555"/><rect x="51" width="39" height="20" fill="#007ec6"/><rect width="90" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><text aria-hidden="true" x="265" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="410">version</text><text x="265" y="140" transform="scale(.1)" fill="#fff" textLength="410">version</text><text aria-hidden="true" x="695" y="150" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="290">1.2.0</text><text x="695" y="140" transform="scale(.1)" fill="#fff" textLength="290">1.2.0</text></g></svg>

package/index.d.ts

@@ -685,6 +685,57 @@ declare module "@jwplayer/jwplayer-react-native" {
     setCurrentCaptions(index: number): void;
     getCurrentCaptions(): Promise<number | null>; 
     setVisibility(visibility: boolean, controls: JWControlType[]): void;
+    /**
+     * Recreates the player with a new configuration, handling cleanup and PiP state.
+     * 
+     * NOTE: This method is only available on iOS. On Android, create a new player instance
+     * with the new configuration instead.
+     * 
+     * IMPORTANT: This method should only be called after the player has been properly
+     * initialized and is ready (i.e., after onPlayerReady has fired). Calling this
+     * method before the player is ready may lead to undefined behavior.
+     * 
+     * This method performs a complete player recreation by:
+     * 1. Safely handling PiP state if active (waits for PiP to close)
+     * 2. Performing complete cleanup of the current player instance
+     * 3. Creating a new player instance with the provided config
+     * 
+     * Use this method when you need to:
+     * - Switch between different DRM configurations
+     * - Handle content changes during PiP mode
+     * - Force a complete player recreation
+     * 
+     * Do NOT use this method:
+     * - Before the player is ready (wait for onPlayerReady)
+     * - For simple playlist updates (use loadPlaylist instead)
+     * - When the player is not properly initialized
+     * - On Android (create a new player instance instead)
+     * 
+     * @example
+     * ```typescript
+     * // Wait for player to be ready
+     * onPlayerReady={() => {
+     *   // Now safe to use recreatePlayerWithConfig (iOS only)
+     *   if (Platform.OS === 'ios') {
+     *     playerRef.current?.recreatePlayerWithConfig({
+     *       ...config,
+     *       playlist: newPlaylist
+     *     });
+     *   } else {
+     *     // On Android, create a new player instance
+     *     setPlayerConfig({
+     *       ...config,
+     *       playlist: newPlaylist
+     *     });
+     *   }
+     * }}
+     * ```
+     * 
+     * @platform ios
+     * @param config The new configuration to apply to the recreated player
+     * @throws May throw if called before player is ready or with invalid config
+     */
+    recreatePlayerWithConfig(config: Config | JwConfig): void;
     /**
      * Only called inside `onBeforeNextPlaylistItem` callback, and once per callback
      * @param playlistItem  `PlaylistItem` or  `JwPlaylistItem`

package/index.js

@@ -744,6 +744,40 @@ export default class JWPlayer extends Component {
 		}
 	}
 
+	/**
+	 * Recreates the player with a new configuration, handling cleanup and PiP state.
+	 * 
+	 * IMPORTANT: This method should only be called after the player has been properly
+	 * initialized and is ready (i.e., after onPlayerReady has fired). Calling this
+	 * method before the player is ready may lead to undefined behavior.
+	 * 
+	 * This method:
+	 * 1. Safely handles PiP state if active
+	 * 2. Performs complete cleanup of the current player instance
+	 * 3. Creates a new player instance with the provided config
+	 * 
+	 * Use this method when you need to:
+	 * - Switch between different DRM configurations
+	 * - Handle content changes during PiP mode
+	 * - Force a complete player recreation
+	 * 
+	 * @param {Config | JwConfig} config The new configuration to apply to the recreated player
+	 * @throws {Error} May throw if called before player is ready or with invalid config
+	 */
+	recreatePlayerWithConfig(config) {
+		if (!config) {
+			console.warn('JWPlayer: Attempting to recreate player with null/undefined config');
+			return;
+		}
+		
+		if (RNJWPlayerManager) {
+			RNJWPlayerManager.recreatePlayerWithConfig(
+				this.getRNJWPlayerBridgeHandle(),
+				config
+			);
+		}
+	}
+
 	getRNJWPlayerBridgeHandle() {
 		return findNodeHandle(this[this.ref_key]);
 	}

package/ios/RNJWPlayer/RNJWPlayerView.swift

@@ -307,6 +307,98 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
         }
     }
 
+    private var pendingPlayerConfig: [String: Any]?
+    private var playerConfigTimeout: Timer?
+    private let maxPendingTime: TimeInterval = 5.0 // Maximum time to wait for PiP to close
+    
+    @objc func recreatePlayerWithConfig(_ config: [String: Any]) {
+        // Cancel any existing pending configuration
+        if pendingPlayerConfig != nil {
+            print("Warning: Overriding pending content switch")
+            playerConfigTimeout?.invalidate()
+            pendingPlayerConfig = nil
+        }
+        
+        // Validate config
+        guard !config.isEmpty else {
+            print("Error: Empty config provided to recreatePlayerWithConfig")
+            return
+        }
+        
+        // 1. Handle PiP state
+        var isPipActive = false
+        var pipController: AVPictureInPictureController?
+        
+        if let playerView = playerView {
+            pipController = playerView.pictureInPictureController
+            isPipActive = pipController?.isPictureInPictureActive ?? false
+        } else if let playerViewController = playerViewController {
+            pipController = playerViewController.playerView.pictureInPictureController
+            isPipActive = pipController?.isPictureInPictureActive ?? false
+        }
+
+        // 2. If in PiP, store the config and exit PiP
+        if isPipActive {
+            guard let pipController = pipController else {
+                print("Warning: PiP appears active but controller is nil, proceeding with direct switch")
+                completePlayerReconfiguration(config: config)
+                return
+            }
+            
+            pendingPlayerConfig = config
+            
+            // Set a timeout to prevent infinite waiting
+            playerConfigTimeout = Timer.scheduledTimer(withTimeInterval: maxPendingTime, repeats: false) { [weak self] _ in
+                guard let self = self else { return }
+                print("Warning: PiP close timeout reached, forcing content switch")
+                if let pendingConfig = self.pendingPlayerConfig {
+                    self.pendingPlayerConfig = nil
+                    self.completePlayerReconfiguration(config: pendingConfig)
+                }
+            }
+            
+            // Attempt to stop PiP
+            pipController.stopPictureInPicture()
+            
+        } else {
+            completePlayerReconfiguration(config: config)
+        }
+    }
+    
+    private func completePlayerReconfiguration(config: [String: Any]) {
+        // Clear any pending timeout
+        playerConfigTimeout?.invalidate()
+        playerConfigTimeout = nil
+        
+        // Ensure we're on the main thread
+        if !Thread.isMainThread {
+            DispatchQueue.main.async { [weak self] in
+                self?.completePlayerReconfiguration(config: config)
+            }
+            return
+        }
+        
+        // 1. Stop current playback safely
+        if let playerView = playerView {
+            let state = playerView.player.getState()
+            if state == .playing || state == .buffering {
+                playerView.player.stop()
+            }
+        } else if let playerViewController = playerViewController {
+            let state = playerViewController.player.getState()
+            if state == .playing || state == .buffering {
+                playerViewController.player.stop()
+            }
+        }
+
+        // 2. Reset player state
+        dismissPlayerViewController()
+        removePlayerView()
+
+        // 3. Set new config
+        setNewConfig(config: config)
+    }
+
     func setNewConfig(config: [String : Any]) {
         let forceLegacyConfig = config["forceLegacyConfig"] as? Bool?
         let playlistItemCallback = config["playlistItemCallbackEnabled"] as? Bool?
@@ -1230,7 +1322,13 @@ class RNJWPlayerView: UIView, JWPlayerDelegate, JWPlayerStateDelegate,
     }
 
     func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
-
+        // Handle any pending content switch
+        if let config = pendingPlayerConfig {
+            pendingPlayerConfig = nil
+            DispatchQueue.main.async { [weak self] in
+                self?.completePlayerReconfiguration(config: config)
+            }
+        }
     }
 
     func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {

package/ios/RNJWPlayer/RNJWPlayerViewController.swift

@@ -249,26 +249,38 @@ class RNJWPlayerViewController : JWPlayerViewController, JWPlayerViewControllerF
 
     override func pictureInPictureControllerDidStopPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerDidStopPictureInPicture(pictureInPictureController)
+        // Forward to parent view to handle pending config changes
+        parentView?.pictureInPictureControllerDidStopPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureControllerDidStartPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerDidStartPictureInPicture(pictureInPictureController)
+        // Forward to parent view for logging/tracking
+        parentView?.pictureInPictureControllerDidStartPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureControllerWillStopPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerWillStopPictureInPicture(pictureInPictureController)
+        // Forward to parent view for logging/tracking
+        parentView?.pictureInPictureControllerWillStopPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureController(_ pictureInPictureController: AVPictureInPictureController, failedToStartPictureInPictureWithError error: Error) {
         super.pictureInPictureController(pictureInPictureController, failedToStartPictureInPictureWithError: error)
+        // Forward to parent view for error handling
+        parentView?.pictureInPictureController(pictureInPictureController, failedToStartPictureInPictureWithError: error)
     }
 
     override func pictureInPictureControllerWillStartPictureInPicture(_ pictureInPictureController:AVPictureInPictureController) {
         super.pictureInPictureControllerWillStartPictureInPicture(pictureInPictureController)
+        // Forward to parent view for logging/tracking
+        parentView?.pictureInPictureControllerWillStartPictureInPicture(pictureInPictureController)
     }
 
     override func pictureInPictureController(_ pictureInPictureController:AVPictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler completionHandler:@escaping (Bool) -> Void) {
         super.pictureInPictureController(pictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler: completionHandler)
+        // Forward to parent view
+        parentView?.pictureInPictureController(pictureInPictureController, restoreUserInterfaceForPictureInPictureStopWithCompletionHandler: completionHandler)
     }
 
     // MARK: - JWPlayer State Delegate

package/ios/RNJWPlayer/RNJWPlayerViewManager.m

@@ -136,6 +136,8 @@ RCT_EXTERN_METHOD(reset)
 
 RCT_EXTERN_METHOD(loadPlaylist: (nonnull NSNumber *)reactTag: (nonnull NSArray *)playlist)
 
+RCT_EXTERN_METHOD(recreatePlayerWithConfig: (nonnull NSNumber *)reactTag: (nonnull NSDictionary *)config)
+
 RCT_EXTERN_METHOD(loadPlaylistWithUrl: (nonnull NSNumber *)reactTag: (nonnull NSString *)playlist)
 
 RCT_EXTERN_METHOD(setFullscreen: (nonnull NSNumber *)reactTag: (BOOL)fullscreen)

package/ios/RNJWPlayer/RNJWPlayerViewManager.swift

@@ -552,6 +552,19 @@ class RNJWPlayerViewManager: RCTViewManager {
         }
     }
     
+    @objc func recreatePlayerWithConfig(_ reactTag: NSNumber, _ config: NSDictionary) {
+        DispatchQueue.main.async {
+            guard let view = self.bridge?.uiManager.view(
+                forReactTag: reactTag
+            ) as? RNJWPlayerView else {
+                print("Invalid view returned from registry, expecting RNJWPlayerView")
+                return
+            }
+            
+            view.recreatePlayerWithConfig(config as? [String: Any] ?? [:])
+        }
+    }
+
     @objc func loadPlaylistWithUrl(_ reactTag: NSNumber, _ playlistString: String) {
         DispatchQueue.main.async {
             guard let view = self.getPlayerView(reactTag: reactTag) else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jwplayer/jwplayer-react-native",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "React-native Android/iOS plugin for JWPlayer SDK (https://www.jwplayer.com/)",
   "main": "index.js",
   "types": "./index.d.ts",