๐Ÿ“บ

Video

NoNex seamlessly renders Notion video blocks, supporting YouTube, Vimeo, Facebook, Dailymotion, and self-hosted videos with optimized performance.

Published on

How NoNex Renders Notion Video Blocks

Video blocks in Notion allow you to embed video links or upload video files. NoNex ensures these blocks are displayed flawlessly on your website.


  1. 1.
    YouTube
    • Copy the YouTube video URL and paste it as an embed in Notion.
    • The video will be embedded directly on your website.
    • NoNex supports starting a YouTube video from a specific time, e.g.
      This video starts at 0:16
    • Add captions to the block in Notion to display them as labels on the embedded YouTube video.
    • Rendering Method: Uses Next.js YoutubeEmbed from third-party libraries for optimized performance.
  2. 2.
    Vimeo
    • Paste the Vimeo video URL as an embed in Notion.
    • The video will be displayed seamlessly.
    • Rendering Method: Uses Iframe tag for Vimeo embeds.
  3. 3.
    Facebook Video
    • Paste the Facebook video URL as an embed in Notion.
    • Rendering Method: Renders Vimeo videos using the <iframe> tag.
  4. 4.
    Dailymotion Video
    • Embed Dailymotion video links directly into Notion.
    • Rendering Method: Renders Dailymotion videos using the <iframe> tag.
    • Note: Dailymotion videos start playing automatically by default; ensure this behavior aligns with user expectations.

Uploaded Videos

  • If you upload a video file to a Notion video block, NoNex will render it using the HTML <video> tag.
  • Example
โš ๏ธ

We do not recommend uploading videos directly to Notion, as they are stored in AWS buckets that expire after a few hours. Always host videos on a CDN or external service and use their embed link for reliability.


Self-Hosted Videos

  • Host your video on any platform, and paste the link as an embed in Notion.
  • NoNex renders self-hosted videos using React Player for smooth playback.

Key Notes

  • Embedding videos ensures optimal performance and avoids expiration issues.
  • With NoNex, all video types are rendered to look and perform beautifully on your site.