fix: use inline videos for bg videos (#1700)

<!-- Please make sure there is an issue that this PR is correlated to. -->

## Changes

<!-- If there are frontend changes, please include screenshots. -->

site/src/components/HeaderPopupProductMenu.tsx

@@ -23,7 +23,13 @@ export const HeaderPopupProductMenu = () => {
               The easiest way to build & scale realtime applications.
             </p>
           </div>
-          <video className='absolute inset-0 h-full w-full object-cover opacity-60' muted loop>
+          <video
+            className='absolute inset-0 h-full w-full object-cover opacity-60'
+            muted
+            loop
+            playsInline
+            disablePictureInPicture
+            disableRemotePlayback>
             <source
               src='https://assets2.rivet.gg/effects/bg-effect-product-actors.webm?v=2'
               type='video/webm'
@@ -54,9 +60,7 @@ export const HeaderPopupProductMenu = () => {
         className='col-start-3 h-full justify-start'
         target='_blank'
         startIcon={<Icon icon={faBriefcase} />}>
-        <Link href='/sales'>
-          Rivet Enterprise
-        </Link>
+        <Link href='/sales'>Rivet Enterprise</Link>
       </Button>
     </div>
   );

site/unframer.config.json

@@ -2,7 +2,7 @@
   "$schema": "https://unframer-schema.vercel.app/schema.json",
   "outDir": "./src/generated/framer",
   "components": {
-    "index": "https://framer.com/m/Main-Page-hPg2.js@B7jkjleL93ReqNhS8tyF",
+    "index": "https://framer.com/m/Main-Page-hPg2.js@VogLOYtc1yK3kmm3YD2m",
     "pricing": "https://framer.com/m/Pricing-Page-VfNq.js@iNJek3q0rL1MFbNQOpd3",
     "sales": "https://framer.com/m/Sales-Page-serf.js@bZPytf0REs7q4bOEwvxc"
   },