Embedding a YouTube video onto a PNG frame (like a tablet or phone chassis)

Good day, all!

I’m having a very difficult time finding anything pertaining to this. I found one thread from 2016, but the UI has changed so much I couldn’t figure it out. Basically I’m trying to add a PNG of a tablet on a page and stick a YouTube video in the middle of it. See attached image. Any ideas?

Welcome to the community @dopalearn :wave:

Essentially you’d just need to use an absolutely positioned element (your transparent PNG) on top of a YouTube embed and give that element the pointer-events: none property.

As long as your scaling your two elements together, the PNG frame should “stick” to your YouTube embed across your breakpoints.

2 Likes

Thanks, Mikey! Let me give that a try!