feat: Native video display (#5866)

app/editor/components/SuggestionsMenu.tsx

@@ -244,6 +244,8 @@ function SuggestionsMenu<T extends MenuItem>(props: Props<T>) {
           return triggerFilePick(
             AttachmentValidation.imageContentTypes.join(", ")
           );
+        case "video":
+          return triggerFilePick("video/*");
         case "attachment":
           return triggerFilePick("*");
         case "embed":

app/editor/menus/block.tsx

@@ -20,6 +20,7 @@ import {
   CalendarIcon,
   MathIcon,
   DoneIcon,
+  EmbedIcon,
 } from "outline-icons";
 import * as React from "react";
 import styled from "styled-components";
@@ -101,6 +102,12 @@ export default function blockMenuItems(dictionary: Dictionary): MenuItem[] {
       shortcut: `${metaDisplay} k`,
       keywords: "link url uri href",
     },
+    {
+      name: "video",
+      title: dictionary.video,
+      icon: <EmbedIcon />,
+      keywords: "mov avi upload player",
+    },
     {
       name: "attachment",
       title: dictionary.file,

app/hooks/useDictionary.ts

@@ -83,6 +83,8 @@ export default function useDictionary() {
       insertDateTime: t("Current date and time"),
       indent: t("Indent"),
       outdent: t("Outdent"),
+      video: t("Video"),
+      untitled: t("Untitled"),
     }),
     [t]
   );