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

A screenshot showing a picture-in-picture (PiP) floating video player widget on a Google Sites page.

➜ 𝗜𝗡𝗦𝗧𝗔𝗟𝗟 𝗖𝗛𝗥𝗢𝗠𝗘 𝗘𝗫𝗧𝗘𝗡𝗦𝗜𝗢𝗡

EXAMPLE: Click to play

by SitesBuddy

P

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.

(Ask me how I know 😄)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 can't be done.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.

How to create PiP Video on Google Sites with SitesBuddy

Get your video URL
Get a direct link to your .mp4 video file from your hosting service.
Open SitesBuddy
Click the SitesBuddy icon in your Chrome browser and select PiP Video from the Media category.
Paste your video URL
Enter the direct link to your .mp4 video in the URL field.
Customize appearance
Choose colors for the play button that match your site's design.
Copy the generated code
Click the "Copy Code" button to get your custom PiP video code.
Embed in Google Sites
Add the code to your site using Insert > Embed code.
Adjust the frame
Resize the embed frame in Google Sites to fit your layout - the widget will automatically adjust to the frame size and is fully responsive on all devices.

Great for:

👉 Creators with promo or explainer videos👉 Course builders who want intros always visible👉 Agencies pitching services with video walk-throughs👉 Product pages with demo reels👉 Anyone who wants more eyeballs on their video content without slowing down the scroll

PREVIOUS WIDGET

❮ Countdown Timer

NEXT WIDGET

YouTube Frame Style ❯

Google Sites

Report abuse