> ## Content Index > Fetch the complete content index at: https://www.autodidacts.io/llms.txt > Use this file to discover other available public pages before exploring further. # TIL how to deeplink all the things - URL: https://www.autodidacts.io/how-to-deeplink-to-specific-part-of-text-audio-video-pdf-image/ - Published: 2026-10-07T05:20:41.000Z - Updated: 2026-10-07T05:22:06.000Z - Author: Curiositry - Tags: 100DaysToOffload, TIL, Web, HowTo, Internet, #no-dropcap I have written before about how to [link to a specific segment of a youtube video](https://www.autodidacts.io/link-to-segment-of-youtube-video-with-set-stop-time-using-end-url-query-parameter/), and how to [link to specific words or paragraphs within a webpage](https://www.autodidacts.io/scroll-to-text-fragment-bookmarklet/). I even knew, vaguely, that you could link to pages of PDFs. But, all in the course of a normal workday researching a blogpost, I found myself wanting reference a specific \~30 second chunk of a Marx Brothers movie from 1935, and the last page of a PDF about a piece of public art. The PDF was easy, using the [#page=n](https://vancouver.ca/files/cov/public-art-brochure-aerodynamic-forms-in-space.PDF?ref=autodidacts.io#page=5) syntax. As for the scene from the movie: nobody had clipped that specific part out and [put it on YouTube](https://www.youtube.com/watch?v=AW8G6A9mgTY&ref=autodidacts.io) – in fact, I didn’t even find the scene I was looking for – but I did find an mp4 on the Internet Archive with a scene that fit my requirements. It turns out, you can link to a specific segment of an Mp4, too! *This is thanks to the* *Media Fragments URI 1.0 (basic)* *W3C spec recommendation from 2012\. According to CanIUse,* [*media fragments are supported by all major browsers*](https://caniuse.com/media-fragments?ref=autodidacts.io) *(97-99% of users).* The syntax is nice: `https://example.com/video.mp4#t=startTime,endTime` (Notice that it’s a pound/hash symbol. I always wanted to use a question mark.) An actual example: [https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A Night at the Opera.mp4#t=250,285](https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A%20Night%20at%20the%20Opera.mp4?ref=autodidacts.io#t=250,285) What’s especially cool is that you can **play from** (only specify start time): [https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A Night at the Opera.mp4#t=250,](https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A%20Night%20at%20the%20Opera.mp4?ref=autodidacts.io#t=250,) **…play to** (only specify end time): [https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A%20Night%20at%20the%20Opera.mp4#t=,285](https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A%20Night%20at%20the%20Opera.mp4?ref=autodidacts.io#t=,285) *…o*r **play a segment* (specify both start and end time):* [https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A Night at the Opera.mp4#t=250,285](https://dn721608.ca.archive.org/0/items/a-night-at-the-opera-1935-HD/A%20Night%20at%20the%20Opera.mp4?ref=autodidacts.io#t=250,285) *And,* you can format the timestamps as seconds by using a plain integer, or as `hh:mm` or `hh:mm:ss` . (You can also, weirdly, use `h:mm:ss` format.) This is generally more convenient, since most video players reference current playhead location using hours and minutes, not seconds. *And* it works for audio files too?! Look at how much good stuff I have been missing out on! While we are at it: [you can also crop SVGs](https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Media%5Ffragments?ref=autodidacts.io#displaying%5Fa%5Fsubset%5Fof%5Fan%5Fsvg%5Fimage). I didn’t know that, either. At this point I’m just duplicating the excellent, slightly more intimidating article on MDN, so if you like what you’ve heard, [go read it](https://developer.mozilla.org/en-US/docs/Web/URI/Reference/Fragment/Media%5Ffragments?ref=autodidacts.io). Even better, try the playgrounds: [link](https://developer.mozilla.org/en-US/play?uuid=09bd84828601ed3ff4f981daa46f9b246ef559ab&state=bY7BbsIwEER%2FxRquCU4pXCLbX7KXKNnioMSOvBugQvx7Reihh55GGr2nmQeizhNauOs4cDZ9TlryJOY2Dho94XBqCIGSMU7yWno2UnpPsBK7wkPdibCK3WyxX1O%2BcdnPy3Gn%2FlAdCUa%2FF%2FaEDbDz8qpsoOTeSqBEycWydZRctw7jnxf%2Fbm2M1brwvS65e8197tRXTdM2H4Tg3kSghAq9CFqgwuU3NfLMaDGN56h4%2FgA%3D&srcPrefix=%2Fen-US%2Fdocs%2FWeb%2FURI%2FReference%2FFragment%2FMedia%5Ffragments%2F&ref=autodidacts.io), [link](https://developer.mozilla.org/en-US/play?uuid=20693178b866291b35721eab7a0714799df9946a&state=pY%2FBasMwEER%2FRWwptBBHSmgviu0v2YtibyS1smy0iuM25N%2BLnbqFXnuYZZmFnTdXcLkLoKH0ncUoBKemQpDsTKK2MMyUWfrOWGJJk%2BmGQCxPPtGpn4rQ237Lo32YPi6u2im1mfVyF8L87%2BLb7CqE%2FWo48tbl1RGyxoixdGndWj%2BKJhjmCuFoM3FGqEvZ%2BrHGCBtomEHD9n4S158MLXZKPR5%2BI7TYKzVMi3M0zbtN%2FTm2xdJFi3MKT%2F%2Fs%2BS2E578Z7D9Ji1c1TMs4YLwt7G8zOmwgO%2BoINISZE25f&srcPrefix=%2Fen-US%2Fdocs%2FWeb%2FURI%2FReference%2FFragment%2FMedia%5Ffragments%2F&ref=autodidacts.io)!