doc: add example.

README.md

@@ -113,6 +113,44 @@ Output:
 <video muted controls style="max-height:640px;" src="https://github.com/004.mp4"></video>
 ```
 
+### Example 3
+
+```js
+import remarkParse from 'remark-parse';
+import rehypeVideo from 'rehype-video';
+import { unified } from 'unified';
+import remark2rehype from 'remark-rehype';
+import remarkParse from 'remark-parse';
+import stringify from 'rehype-stringify';
+
+const mrkStr = 'https://github.com/user-attachments/assets/0d808e2e-84c7-46ca-a220-440fa9f34118?title=rehype-video&rehype=video'
+
+const htmlStr = unified()
+  .use(remarkParse)
+  .use(remark2rehype, { allowDangerousHtml: true })
+  .use(rehypeVideo, {
+    test: (url) => {
+      return /\.(mp4|mov)|[?&]rehype=video/i.test(url);
+    }
+  })
+  .use(stringify)
+  .processSync(mrkStr)
+  .toString();
+```
+
+Output:
+
+```html
+<details open class="octicon octicon-video">
+  <summary>
+    <svg aria-hidden height="16" width="16" viewBox="0 0 16 16" version="1.1" data-view-component class="octicon octicon-device-camera-video"><path fill-rule="evenodd" d="M16 3.75a.75.75 0 00-1.136-.643L11 5.425V4.75A1.75 1.75 0 009.25 3h-7.5A1.75 1.75 0 000 4.75v6.5C0 12.216.784 13 1.75 13h7.5A1.75 1.75 0 0011 11.25v-.675l3.864 2.318A.75.75 0 0016 12.25v-8.5zm-5 5.075l3.5 2.1v-5.85l-3.5 2.1v1.65zM9.5 6.75v-2a.25.25 0 00-.25-.25h-7.5a.25.25 0 00-.25.25v6.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-4.5z"></path></svg>
+    <span aria-label="Video description rehype-video">rehype-video</span><span class="dropdown-caret"></span>
+  </summary>
+  <video muted controls style="max-height:640px;" src="https://github.com/user-attachments/assets/0d808e2e-84c7-46ca-a220-440fa9f34118?title=rehype-video&#x26;rehype=video">
+</video>
+</details>
+```
+
 ## Custom Title
 
 Define custom title parameter(E.g: `title=RehypeVideo`) with hash route: