fix(local-recording) Don't use setCaptureHandle when in iframe (#11687)

react/features/recording/components/Recording/LocalRecordingManager.web.ts

@@ -7,6 +7,7 @@ import { getRoomName } from '../../../base/conference';
 import { MEDIA_TYPE } from '../../../base/media';
 // @ts-ignore
 import { getTrackState } from '../../../base/tracks';
+import { inIframe } from '../../../base/util/iframeUtils';
 // @ts-ignore
 import { stopLocalVideoRecording } from '../../actions.any';
 
@@ -145,7 +146,7 @@ const LocalRecordingManager: ILocalRecordingManager = {
     async startLocalRecording(store) {
         const { dispatch, getState } = store;
         // @ts-ignore
-        const supportsCaptureHandle = Boolean(navigator.mediaDevices.setCaptureHandleConfig);
+        const supportsCaptureHandle = Boolean(navigator.mediaDevices.setCaptureHandleConfig) && !inIframe();
         const tabId = uuidV4();
 
         if (supportsCaptureHandle) {