Embedded Files
EXAMPLE: Click to play
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 scrollSHARE
PREVIOUS WIDGET
โฎ Countdown Timer
Google Sites
Report abuse