Media Video Element

Renders a video element with support for YouTube, custom uploads, and captions.

Media Block Selection Button Caption Dropdown Menu Media Toolbar Plate Element Resizable Separator Spinner Toolbar Tooltip

Installation

Install the following dependencies:

npm install @udecode/plate-media @udecode/plate-resizable react-lite-youtube-embed react-player @udecode/plate-selection @udecode/plate-caption @radix-ui/react-slot @radix-ui/react-tooltip @radix-ui/react-dropdown-menu @radix-ui/react-toolbar @radix-ui/react-separator

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Upload

Get the code ->

Media Placeholder Element Mention Element