doc: Update README.md

README.md

@@ -46,7 +46,14 @@ Output:
 
 ```html
 <p>https://files.github.com/001.mp4 hi!</p>
-<video src="https://files.github.com/002.mp4"></video>
+<details open>
+  <summary>
+    <svg aria-hidden height="16" width="16" viewBox="0 0 16 16" version="1.1" 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 002.mp4">002.mp4</span>
+    <span class="dropdown-caret"></span>
+  </summary>
+  <video muted controls style="max-height:640px;" src="https://github.com/002.mp4"></video>
+</details>
 <p>Good <code>idea</code>!!</p>
 ```
 
@@ -100,7 +107,7 @@ export declare type RehypeVideoOptions = {
    */
   test?: RegExp;
   /**
-   * Support `<details>` tag.
+   * Support `<details>` tag to wrap <video>.
    * @default true
    */
   details?: boolean;