Skip to main content

Embedding Video

If docu-notion notices that you have embedded a video, it should convert that to code useable in Docusaurus by using react-player.

YouTube example:

docu-notion does the following when it detects an embedded link to a video:

  • Adds import ReactPlayer from "react-player"; to the markdown
  • Inserts html like <ReactPlayer controls url="https://www.youtube.com/watch?v=5M3nJrlf3p0&t=70s" />
info

If your site is not based on docu-notion-sample-site, you may need to add ReactPlayer to your Docusaurus project: yarn add react-player or npm i react-player

If docu-notion notices that you have embed a video it should convert that to code useable in Docusaurus by using react-player.

Vimeo example:

This one is a direct upload:

A GIF: