docs update : embed and super hero video controls#59
Conversation
🔍 Linter ReportClick to expand full reportThis comment was automatically generated by the linter bot. |
| ``` | ||
|
|
||
| ```markdown | ||
| <Embed slots="video" controls="false" /> |
| - When present, playback starts automatically when the player loads. Browser autoplay policies (muted requirement, user gesture, etc.) may still apply. | ||
|
|
||
| - **controls** (optional) | ||
| - Set to `"false"` to hide the default player controls. Example: `<Embed slots="video" controls="false" />`. |
There was a problem hiding this comment.
- mention that hiding controls forces autoplay
- move example under Examples
| - When present, the video repeats when it finishes. Example: `<Embed slots="video" loop />` or `<Embed slots="video" loop/>`. | ||
|
|
||
| - **autoplay** (optional, boolean) | ||
| - When present, playback starts automatically when the player loads. Browser autoplay policies (muted requirement, user gesture, etc.) may still apply. |
There was a problem hiding this comment.
For YouTube (shorts, isShort, normal), Vimeo, and MP4, the block adds muting automatically when autoplay is on. But Instagram, TikTok, and Twitter pass autoplay through without muting — those are third-party iframes the block doesn't control. The "muted requirement" in parentheses implies muting is always the author's problem; it should be removed or clarified to distinguish platforms where muting is handled vs. where it isn't.
|
|
||
| - **Video playback** (optional, when `video` is in `slots`): Add any of these as boolean attributes on the opening `<Superhero>` tag (no value) | ||
| - **controls** — Present to show the default browser video controls. | ||
| - **autoplay** — Start playback when the hero loads. |
There was a problem hiding this comment.
On by default; off when controls is set. Adding autoplay re-enables it and mute.
| - **overGradient**: Improves button visibility over a gradient background | ||
|
|
||
| - **Video playback** (optional, when `video` is in `slots`): Add any of these as boolean attributes on the opening `<Superhero>` tag (no value) | ||
| - **controls** — Present to show the default browser video controls. |
| - **Video playback** (optional, when `video` is in `slots`): Add any of these as boolean attributes on the opening `<Superhero>` tag (no value) | ||
| - **controls** — Present to show the default browser video controls. | ||
| - **autoplay** — Start playback when the hero loads. | ||
| - **loop** — Repeat the video when it ends. |
| - **loop** — Repeat the video when it ends. | ||
|
|
||
| <Superhero slots="image, heading, text, buttons" variant="halfWidth" /> | ||
| **Example :** |
There was a problem hiding this comment.
| **Example :** | |
| **Example:** |
| * [View Examples](https://example.com/examples) | ||
| ``` | ||
|
|
||
| <Superhero slots="fullWidthBackground, video, heading, text, buttons" variant="halfWidth" textColor="white" overGradient /> |
There was a problem hiding this comment.
this rendered example needs to match the syntax
| <Superhero slots="fullWidthBackground, video, heading, text, buttons" variant="halfWidth" textColor="white" overGradient controls autoplay loop /> |
| - **autoplay** (optional, boolean) | ||
| - When present, playback starts automatically when the player loads. Browser autoplay policies (muted requirement, user gesture, etc.) may still apply. | ||
|
|
||
| - **controls** (optional) |
There was a problem hiding this comment.
| - **controls** (optional) | |
| - **nocontrols** (optional, boolean) |
Description
Update the documentation for the Embed and Super Hero video controls.