## Showcase

### YouTube Video

<d-block-embedded-url url="https://www.youtube.com/watch?v=M7lc1UVf-VE&autoplay=1&loop=1" title="YouTube player demo">
The original playback query parameters stay attached to the provider URL.
</d-block-embedded-url>

### Spotify Track

<d-block-embedded-url url="https://open.spotify.com/track/7ouMYWpwJ422jRcDASZB7P?si=1234">
Spotify links render with the provider-specific compact player height.
</d-block-embedded-url>

### CodePen Demo

<d-block-embedded-url url="https://codepen.io/team/codepen/pen/PNaGbb?default-tab=result" title="Interactive demo">
Use the same block for live front-end demos without dropping to raw HTML.
</d-block-embedded-url>

### Unsupported URL Fallback

<d-block-embedded-url url="https://example.com/docs/embed-me" title="External API docs">
Unsupported providers render a safe link card so the reading flow still keeps the URL visible and actionable.
</d-block-embedded-url>