From 50c8a66114f45400bad2f7062f4bddabd0946c8d Mon Sep 17 00:00:00 2001
From: James <james.russo@heygen.com>
Date: Fri, 8 May 2026 12:17:37 -0700
Subject: [PATCH] docs: switch README hero to animated WebP for autoplay +
 higher quality

GitHub strips autoplay/loop from <video> tags in markdown, so the MP4
required a click to play. WebP autoplays via <img> while preserving full
HD source quality (1280x720 vs the previous GIF's 400x225).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f2539f69f..086c33de2 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@
 <p align="center"><b>Write HTML. Render video. Built for agents.</b></p>
 
 <p align="center">
-  <video src="https://github.com/user-attachments/assets/c56cdc28-d2f7-4bca-9c03-58389a87d99c" alt="HyperFrames demo — HTML code on the left transforms into a rendered video on the right" autoplay loop muted playsinline width="800"></video>
+  <img src="https://static.heygen.ai/hyperframes-oss/docs/images/hfgif-1280.webp" alt="HyperFrames demo — HTML code on the left transforms into a rendered video on the right" width="800">
 </p>
 
 Hyperframes is an open-source video rendering framework that lets you create, preview, and render HTML-based video compositions — with first-class support for AI agents.