From cf98f73b61c193f3f8bbaf09650a1aab9e0c1e7c Mon Sep 17 00:00:00 2001
From: Una Kravets <unakravets@google.com>
Date: Mon, 6 Nov 2023 16:08:22 -0500
Subject: [PATCH 1/2] updates videos with h264 formatting in entry and exit
 animations post

---
 site/en/blog/entry-exit-animations/index.md | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/site/en/blog/entry-exit-animations/index.md b/site/en/blog/entry-exit-animations/index.md
index cd1f63daf44b..4ab1cd9f8d2f 100644
--- a/site/en/blog/entry-exit-animations/index.md
+++ b/site/en/blog/entry-exit-animations/index.md
@@ -47,7 +47,7 @@ From Chrome 116, you can use `display` and `content-visibility` in keyframe rule
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/nR8AB8giViUZoVP1MPbW.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/nGESuHr9Rtn7dkzAc3TD.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -109,7 +109,7 @@ document.querySelector('.delete-btn').addEventListener('click', () => {
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/Ts6F4ogBjgHDJngriVQC.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/VKs7S8xmnliy21dgZ27M.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -151,7 +151,7 @@ If you are using the transition shorthand, make sure to use `transition-behavior
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/nR8AB8giViUZoVP1MPbW.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/1hRaIHkz4ZwLfTXfxSzp.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -238,7 +238,7 @@ Now you have both an entry and exit state for these TODO list items:
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/QnF619KxDkLxSxMhSkD4.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/HmighBYapV54CzIQHyRB.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -280,7 +280,7 @@ dialog {
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/H9CgEK0A0Czus3OCgaTF.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/0uMAi2p1kL3AyGyf8HXv.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -333,7 +333,7 @@ When animating a popover, use the `:popover-open` pseudo class instead of the `o
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/6IkoC57l8SL6whYJmt19.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/MmE1lWPcXdNcPioFuFE4.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -353,7 +353,7 @@ Finally, to fade out a `popover` or `dialog` from the top layer, add the `overla
 
 <figure>
   {% Video 
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/kPZ5Ds1LJQ72ZAiMcaJX.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/z23xg0HvXRov54wGpIft.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -371,7 +371,7 @@ Instead, include `overlay` in the transition or animation to animate `overlay` a
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/6kjtLdvlpz8ObkcbG2jV.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/cTlau9DlLlB4PjCXF82i.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -437,7 +437,7 @@ Now, the browser can handle the fade out and morph of each card to its new posit
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/wMW49SOG7oU7eHknuTTV.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/pNFKxuktq56WGIep1hDL.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -455,7 +455,7 @@ Another example of where this can be handy is with the add/remove list items dem
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/u6bAD6CY3jwR9oq0VeJ1.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/1GSCxOlU2WjtX9Y5DjXk.mp4",
     autoplay="true",
     loop="true",
     muted="true",

From 200b84a26aa4c0948ffc8e6b844aa4ee18d1f834 Mon Sep 17 00:00:00 2001
From: Una Kravets <unakravets@google.com>
Date: Mon, 6 Nov 2023 16:12:56 -0500
Subject: [PATCH 2/2] updates videos in New In Chrome 117

---
 site/en/blog/new-in-chrome-117/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/en/blog/new-in-chrome-117/index.md b/site/en/blog/new-in-chrome-117/index.md
index cdc75980cfa0..9824fef9c933 100644
--- a/site/en/blog/new-in-chrome-117/index.md
+++ b/site/en/blog/new-in-chrome-117/index.md
@@ -88,7 +88,7 @@ Finally, to fade out a `popover` or `dialog` from the top layer, add the `overla
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/kPZ5Ds1LJQ72ZAiMcaJX.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/z23xg0HvXRov54wGpIft.mp4",
     autoplay="true",
     loop="true",
     muted="true",
@@ -104,7 +104,7 @@ Finally, to fade out a `popover` or `dialog` from the top layer, add the `overla
 
 <figure>
   {% Video
-    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/6kjtLdvlpz8ObkcbG2jV.mp4",
+    src="video/HodOHWjMnbNw56hvNASHWSgZyAf2/cTlau9DlLlB4PjCXF82i.mp4",
     autoplay="true",
     loop="true",
     muted="true",