I guess I'm not the only multitasker here, right? I use picture-in-picture so often while doing other things at the same time! So I HAD to implement this in my new course platform too.
Unfortunately (or for the better..) you can only use the PIP web API as a trigger on a click. But I wanted this picture-in-picture to appear when the user scrolled away while still watching the video. The result is so smooth that I just had to share it. And the final implementation is actually really simple!
✨ Become a PRO today via www.frontend.fyi/pro
🔗 Code, live playground: www.frontend.fyi/v/making-our...
#frontend #css #html #webdevelopment