diff --git a/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx b/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx index 882ab0e6e9..53001a3baa 100644 --- a/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx +++ b/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx @@ -247,7 +247,7 @@ const ParticipantOverlay = (props: { showLiveBadge || showMuteButton || showSpeakerName; - const { participant } = useParticipantViewContext(); + const { participant, participantViewElement } = useParticipantViewContext(); const { useParticipantCount, useSpeakerState } = useCallStateHooks(); const participantCount = useParticipantCount(); const duration = useUpdateCallDuration(); @@ -294,12 +294,14 @@ const ParticipantOverlay = (props: { onClick={() => speaker.setVolume(isSpeakerMuted ? 1 : 0)} /> )} - {enableFullScreen && ( - - )} + {enableFullScreen && + participantViewElement && + typeof participantViewElement.requestFullscreen !== 'undefined' && ( + + )} )}