site: intro video sources the mp4 from metaobjects.com (Pages rejects the 17MB file); captions stay same-origin

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SKaSE8U5cwN4ZGFwhJwxSY

Author: dmealing

www/index.html

@@ -70,14 +70,17 @@ <h2 class="section-label">Watch the introduction</h2>
         runtime halves work together — in eight minutes.
       </p>
       <figure style="margin:0;">
-        <video controls preload="metadata" playsinline crossorigin="anonymous"
+        <video controls preload="metadata" playsinline
                poster="/video/introduction-poster.png"
                width="1280" height="720"
                aria-label="Introduction to MetaObjects: one model your database, API, UI, and AI all share."
                style="width:100%;max-width:860px;height:auto;border-radius:14px;border:1px solid rgba(255,255,255,0.08);margin:1rem auto 0;display:block;">
-          <source src="/video/introduction.mp4" type="video/mp4">
+          <!-- mp4 served from metaobjects.com (Cloudflare): GitHub Pages' deploy
+               backend rejects the 17MB file (bisect-verified). Poster + captions
+               stay same-origin so the <track> needs no CORS. -->
+          <source src="https://metaobjects.com/video/introduction.mp4" type="video/mp4">
           <track kind="captions" src="/video/introduction.vtt" srclang="en" label="English" default>
-          Your browser doesn't support embedded video — <a href="/video/introduction.mp4">download the introduction</a>.
+          Your browser doesn't support embedded video — <a href="https://metaobjects.com/video/introduction.mp4">download the introduction</a>.
         </video>
         <figcaption style="text-align:center;color:#8b9ab5;font-size:0.9rem;margin-top:0.75rem;">
           One model — your objects, database, API, UI, and AI.