Update 2023-02-07-chatgpt-supabase-docs.mdx

apps/www/_blog/2023-02-07-chatgpt-supabase-docs.mdx

@@ -34,7 +34,7 @@ Developers have recently gained an the ability to trust a bot. Where Clippy fail
 
 This is convenient timing for us, since our documentation content is more than the average developer wants to consume in one go. Today we're providing a similar interface to ChatGPT which is trained on our own docs.
 
-<video width="99%" autoPlay="" loop="" muted="" playsInline="" controls="true">
+<video width="100%" autoPlay="" loop="" muted="" playsInline="" controls="true">
   <source src="/images/blog/embeddings/embeddings.mp4" type="video/mp4" />
 </video>
 
@@ -54,15 +54,15 @@ It's built with Supabase/Postgres, and consists of several key parts:
 
 All the changes we made are in [this](https://github.com/supabase/supabase/pull/12056) Pull Request. Greg is here to explain every step in full detail:
 
+<div class="video-container">
 <iframe
-  width="560"
-  height="315"
-  src="https://www.youtube-nocookie.com/embed/Yhtjd7yGGGA"
   title="ClippyGPT"
-  frameborder="0"
+  src="https://www.youtube-nocookie.com/embed/Yhtjd7yGGGA"
+  frameborder="1"
   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
   allowfullscreen
 ></iframe>
+</div>
 
 You can find a full write up in our previous blog post: [Storing OpenAI embeddings in Postgres with pgvector](https://supabase.com/blog/openai-embeddings-postgres-vector).
 
@@ -89,15 +89,15 @@ A few weeks ago I received an email, drawing our attention to a [Pull Request](h
 
 After we merged the PR, I reached out to see if Greg was interested in helping with some documentation or a blog post to help the community to use pgvector. On the call, Greg surprised me with an initial prototype where he had ingested the Supabase docs for a ChatGPT-like experience. I was suitably impressed and suggested that we could explore ways to work together to build it into the Supabase docs. He wasted no time:
 
+<div class="video-container">
 <iframe
-  width="560"
-  height="315"
-  src="https://www.youtube-nocookie.com/embed/yAsR7oe5vng"
   title="ClippyGPT"
+  src="https://www.youtube-nocookie.com/embed/yAsR7oe5vng"
   frameborder="0"
   allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
   allowfullscreen
 ></iframe>
+</div>
 
 ### A friendly collaboration