VideoBlast Embed
VideoBlast Embed
Component File: src/features/fundraising/components/VideoBlastEmbed.tsx Route: /vb/:publicUrl/embed Access Level: Public Last Updated: April 13, 2026 Status: ✅ Implemented
Overview
VideoBlastEmbed is the theatre-style playback surface for a Video Blast. It is intentionally video-focused (dark theme, minimal chrome) and does not include a donation form. The donor conversion route is /vb/:publicUrl (VideoBlastLandingPage).
UI Features
Viewer Experience
- Full-viewport dark presentation with large player
- Play overlay before first interaction
- Standard browser video controls
- Organization + title context in header/footer
Data + Tracking
- Fetches public blast data via
fetchVideoBlastPublic() - Increments views via
incrementVideoBlastViews() - Handles missing/invalid slug with public error state
Usage
Direct route:
https://alignmint.app/vb/{slug}/embedIframe example:
<iframe
src="https://alignmint.app/vb/{slug}/embed"
width="640"
height="360"
frameborder="0"
allow="autoplay; fullscreen"
allowfullscreen
></iframe>Related Documentation
- 03-VIDEOBLAST-MANAGER.md - VideoBlast management
- 04-VIDEOBLAST-LANDING-PAGE.md - Donation landing page
Synced from IFMmvp-Frontend documentation: pages/fundraising/05-VIDEOBLAST-EMBED.md
Ready to Get Started?
See how Alignmint can simplify your nonprofit's operations. Schedule a free demo with our team and we'll walk you through everything.
Questions? Email us at steven@getalignmint.org