PiP (Picture-in-Picture) Video for Google Sites

EXAMPLE

Picture this:

You have a long landing page...
and you want your video to stay visible while people scroll.
Putting a play button right at the top - always there, always ready - turns out to be a massive engagement boost.

When I first added a PiP (Picture-in-Picture) video to one of my Google Sites projects, people noticed right away.

Emails started flying in:
"How did you do that?!"
"Is that even possible on Google Sites?!"

Well... what can I say. 😎
Of course I made it happen.

I built a custom code that lets you add a video that pops up in the bottom right corner.

With SitesBuddy's PiP Video Widget, you can:

• ✅ Use any .mp4 video hosted with a direct link
• ✅ Customize the play button color
• ✅ Match the video player's style to your website's colors
• ✅ And it just works!

There's only one thing you need to know:
👉 The video must be hosted somewhere as an .mp4 file.

I tried using Google Drive videos at first - but nope.
Personally, I host my videos on my Shopify and Cloudflare accounts where I can simply copy the .mp4 URL. But you can use any hosting solution that gives you a direct video link.

SHARE

Watch this video to see how easy it is to add a Picture-in-Picture video to your Google Site using SitesBuddy - and why it's so effective for keeping visitors engaged as they scroll.

How to Use PiP Video Widget

1. Find your video URL

   Get a direct link to your .mp4 video file from your hosting service.

2. Open SitesBuddy

   Click the SitesBuddy icon in your Chrome browser and select PiP Video from the Media category.

3. Paste your video URL

   Enter the direct link to your .mp4 video in the URL field.

4. Customize appearance

   Choose colors for the play button and video player that match your site's design.

5. Copy the generated code

   Click the "Copy Code" button to get your custom PiP video code.

6. Embed in Google Sites

   Add the code to your site using Insert > Embed code.