add maxHeight to videos

README.md

@@ -63,6 +63,10 @@
 - filter list of followers by users the user has blocked/reported (stops bots/spammers from showing up at followers)
 - Add client side relay groups
 - Add mentions in posts (https://css-tricks.com/so-you-want-to-build-an-mention-autocomplete-feature/)
+- Add note embeds
+- Add "repost" button that mentions the note
+- Add preview tab to note modal
+- Save note drafts and let users manage them
 
 ## Setup
 

src/components/note/note-contents.tsx

@@ -175,7 +175,7 @@ const embeds: EmbedType[] = [
   // Video
   {
     regexp: /(https?:\/\/)([\da-z\.-]+\.[a-z\.]{2,6})([\/\w\.-]+\.(mp4|mkv|webm|mov))[^\s]*/im,
-    render: (match) => <video src={match[0]} controls style={{ maxWidth: "30rem" }} />,
+    render: (match) => <video src={match[0]} controls style={{ maxWidth: "30rem", maxHeight: "20rem" }} />,
     name: "Video",
     isMedia: true,
   },