How to Take Visual Notes From a YouTube Video

The usual setup: video in one tab, notes in another. You pause, switch, type, switch back, rewind because you lost your place. Repeat for an hour.

The problem is that notes and video are in different spaces. You keep bridging the gap manually.

The fix is simple: put them on the same surface.

Start with the video on the canvas

Paste any YouTube URL onto a Wide.li board. The video embeds and plays right there, no browser tab, no separate window.

Position it wherever you want. Create a text item next to it. Now your notes live beside the video, not behind it. If you're looking for the simplest version of this, see how to watch a lecture on a board for a quick-start walkthrough.

Write notes as you watch

Play the video. When something worth capturing comes up, pause and write it in the text item next to the video. Rich text is supported: headings, bold, bullets, whatever structure makes sense to you.

You don't have to organize as you go. Notes can be rough. Rearrange everything later: drag items freely, spread things out, cluster what belongs together.

If the board gets busy, pan to a new area. The canvas doesn't end.

Capture key frames as screenshots

Some things are faster to capture as an image than to describe in words. A diagram, a formula, a chart, a slide.

On a Mac, this shortcut captures a selected area and copies it straight to your clipboard (no file saved):

cmd+ctrl+shift+4

Draw the selection around what's on screen. Then paste it directly onto the board. Resize and position it near the relevant notes.

Break long videos into sections

For anything longer than twenty minutes, watching start-to-finish in one stretch rarely works. You pause, come back, lose your place.

A better approach: split the video into sections on the canvas.

Duplicate the video item. Select it and choose Duplicate from the menu, or hold alt and drag. You'll get an exact copy.

Open "Set Start Time" on each copy and enter a timestamp. Now each copy begins at a specific point in the video. Drag the copies apart and label them (Part 1, Part 2, or the actual section topics).

Each section becomes its own working area on the canvas. Notes, screenshots, and the video clip all live together in that section's space.

This also works well for saving a single favorite quote or moment from a video. Duplicate it, set the start time to that moment, and park it wherever makes sense. For a more structured approach to long lectures, there's a full two-pass method for spatial note-taking that turns a 90-minute lecture into a navigable map.

Label your work with handles

After building out a canvas, you'll want to find your way back easily.

Set a handle on any item (video, text block, image) and it gets its own URL. Something like wide.li/react-tutorial or wide.li/ml-course. Short, memorable, yours.

Use "Copy Link to This Item" to get a URL that opens the board centered on that item. Send it to yourself, drop it in a doc, or just type the handle in the address bar next time.

Bookmarks save specific positions on the board, useful when you've panned to a particular section and want to jump back to that exact view.

What you end up with

The result looks less like a document and more like a working surface. The video (or multiple clips) embedded and playable, notes alongside each section, screenshots of key frames positioned where they belong. Everything freely arranged and resizable.

There's no template to follow. The layout reflects how you actually think about the content.