YouTube
Video Modal

In this demo I worked out how to leverage just the YouTube video’s unique ID, and pass it in to a reusable modal component that takes advantage of YouTube’s embed method.

Launch From Thumbnails

Launch From Buttons & Links

Buttons and links are fair game too, since the method uses anchor tags.

Note

Auto-play is disabled for certain interaction paradigms, and on certain OS's—Like most touch screen devices that are behaving according to spec. The trade-off here is the user will need to tap the play button once the modal pops on touch-screen devices like iPhones. Depending on your use-case and project that trade-off is likely acceptable.