Hero video player
A local poster and explicit play control sit inside the gradient detail hero.
See how a video-led resource opens directly inside the detail-page hero.
A clearly labeled template example using an official Google for Developers video to demonstrate the privacy-enhanced embedded player and video-first resource layout.
Preview · About 8 minutes
At a glance
What is included
This preview shows the resource structure and complete written workflow while the final access option is prepared.
Privacy-aware loading
The YouTube iframe is created only after the visitor chooses play.
Persistent fallback
A normal YouTube link remains available if embedded playback is blocked.
Instructions
How to use it
Use the written steps to understand the workflow before the final resource is released.
Open the detail page
The video player replaces the document preview in the gradient hero.
Choose play
The page creates the privacy-enhanced YouTube iframe only after this action.
Use the fallback when needed
Open the normal YouTube link if the embedded player is unavailable.
Replace the demonstration
Swap in an approved NurseBuiltAI video ID and local poster before using this pattern for a released resource.
Responsible use
Keep the boundary visible
Use this resource within your approved boundaries
- This is a layout and interaction example, not NurseBuiltAI educational guidance.
- The embedded demonstration is published by Google for Developers and should be replaced when an approved NurseBuiltAI source video is ready.