Media Extended

First Timestamped Note

Take notes on a video with clickable links that jump back to the moments you marked

What you will build

First Timestamped Note

A bullet list where every line pairs a timestamp link with a short note. Clicking any link seeks the video to that moment:

- [00:30](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=30) Dropped out of Reed College after 6 months
- [05:14](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=314) First story: connecting the dots
- [12:42](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=762) "Stay hungry, stay foolish"

Near the end you'll also drop in a thumbnail so you can see how the camera button works alongside the star:

- ![[attachment/mx-img-…-pt420s.webp]] [07:00](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=420) Second story: love and loss

Steps

Open the welcome guide

Open the command palette (Ctrl+P / Cmd+P) and run Show welcome guide, or use this quick link:

Open welcome guide

Open the example video

In the welcome guide, click Select media and choose Steve Jobs' 2005 Stanford Commencement Address from the menu.

The video opens in a new pane with the YouTube player and an action bar across the top.

Take your first timestamp

Press play. Let it run for a few seconds, then click the button in the player's action bar (its tooltip reads "Take timestamp in last active note"). The plugin automatically opens a media note side-by-side with the player and inserts a timestamp link.

Click at two or three more moments. Each click inserts a fresh link at the current playback time.

After each link, type a short note about what Jobs is saying. You'll end up with something like:

- [00:30](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=30) Dropped out of Reed College after 6 months
- [05:14](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=314) First story: connecting the dots
- [12:42](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=762) "Stay hungry, stay foolish"

Add a thumbnail

Find a moment you'd rather see than describe, then click the button in the action bar (its tooltip reads "Insert screenshot to note"). The plugin saves the current frame to your vault and inserts a bullet with the image embed styled as thumbnail next to a timestamp link:

- ![[attachment/mx-img-…-pt420s.webp|Steve Jobs' 2005 Stanford Commencement Address - 07:00|50]] [07:00](https://www.youtube.com/watch?v=UF8uR6Z6KLc#t=420)

Type an annotation after the link, the same way you did with the plain timestamps.

Click any timestamp link in your note. The video seeks to that moment and starts playing.

Your first timestamped note is ready. Every link in it takes you back to the exact moment you marked, and the thumbnail sits alongside when a frame says more than a sentence.

Next steps

On this page