Video
Video
Video displays video content in a modal dialog with responsive iframe embedding and safe URL sanitization.
Visual Specifications
Section titled “Visual Specifications”| Property | Value |
|---|---|
| Max-width | 800px (desktop) |
| Height | 600px (desktop) or 16:9 ratio |
| Background | Black/dark |
| Header Padding | 16-24px |
Responsive Views
Section titled “Responsive Views”Centered modal, 800px max-width with 16:9 aspect ratio
Scaled to fit screen, maintains aspect ratio
Full-width with flexible height, responsive
Supported Platforms
Section titled “Supported Platforms”| Platform | URL Format |
|---|---|
| YouTube | https://www.youtube.com/embed/VIDEO_ID |
| Vimeo | https://player.vimeo.com/video/VIDEO_ID |
| Self-hosted | Direct video URL from your domain |
Usage Guidance
Section titled “Usage Guidance”When to use
Section titled “When to use”- Playing tutorial videos
- Showing promotional content
- Product demonstrations
- When video needs focused viewing
Best practices
Section titled “Best practices”| ✅ Do | ❌ Don’t |
|---|---|
| Use HTTPS URLs for security | Use autoplay without user consent |
| Provide descriptive titles | Embed non-HTTPS content |
| Test on target platforms | Ignore mobile data usage |
| Consider mobile bandwidth | Skip accessibility considerations |
Security Features
Section titled “Security Features”| Feature | Description |
|---|---|
| URL Sanitization | SafePipe prevents XSS attacks |
| HTTPS Only | Encrypted connections required |
| Trusted Sources | Only known video platforms allowed |