feat(embed): enable fullscreen

src/components/Shell/ShellAppBar.tsx

@@ -159,21 +159,19 @@ export const ShellAppBar = ({
                 <RoomPreferences />
               </IconButton>
             </Tooltip>
-            {isEmbedded ? null : (
+            <Tooltip
-              <Tooltip
+              title={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
-                title={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}
+            >
+              <IconButton
+                size="large"
+                edge="end"
+                color="inherit"
+                aria-label="fullscreen"
+                onClick={onClickFullscreen}
               >
-                <IconButton
+                {isFullscreen ? <FullscreenExit /> : <Fullscreen />}
-                  size="large"
+              </IconButton>
-                  edge="end"
+            </Tooltip>
-                  color="inherit"
-                  aria-label="fullscreen"
-                  onClick={onClickFullscreen}
-                >
-                  {isFullscreen ? <FullscreenExit /> : <Fullscreen />}
-                </IconButton>
-              </Tooltip>
-            )}
             <Tooltip title="Click to show peer list">
               <IconButton
                 size="large"

src/pages/Home/EmbedCodeDialog.tsx

@@ -13,6 +13,13 @@ interface EmbedCodeDialogProps {
   embedUrl: URL
 }
 
+const iframeFeatureAllowList = [
+  'camera',
+  'microphone',
+  'display-capture',
+  'fullscreen',
+]
+
 export const EmbedCodeDialog = ({
   showEmbedCode,
   handleEmbedCodeWindowClose,
@@ -33,7 +40,9 @@ export const EmbedCodeDialog = ({
         }}
         wrapLines={true}
       >
-        {`<iframe src="${embedUrl}" allow="camera;microphone;display-capture" width="800" height="800" />`}
+        {`<iframe src="${embedUrl}" allow="${iframeFeatureAllowList.join(
+          ';'
+        )}" width="800" height="800" />`}
       </SyntaxHighlighter>
       <DialogContentText
         sx={{